fonte personalizada e um CMS

Question

Eu estou construindo um site para um artista que teve uma fonte personalizada feita a partir de sua caligrafia. Ele gostaria de usar este tipo de letra extensivamente em todo o site -. Não para todos cópia do corpo porque seria difícil de ler, mas para títulos, navegação, textos explicativos, coisas desse tipo

Eu tenho o arquivo. - É um arquivo de fonte TrueType

Nós vamos estar usando um CMS baseado em PHP para construir o site.

Qual é a melhor maneira de ir sobre a utilização deste tipo de letra personalizado para este fim, enquanto ainda permitindo nome da página, títulos, etc, para ser editado pelo cliente no CMS? Eu gostaria de acomodar tantos usuários quanto possível, mas seria bom se alguns visitantes do site viu Arial ou Verdana ou o que quer que nós escolhemos para a cópia de corpo.

Devo dar @ font-face um turbilhão? Use PHP para criar imagens no servidor? Sifr? Este site provavelmente será em torno de algum tempo, então eu gostaria de ser como visão de futuro possível. Ao mesmo tempo, eu gostaria de ser realmente certeza de que ninguém pode usar a fonte em seus próprios sites ou baixar uma cópia.

Algumas informações básicas sobre o seu site atual existente: local razoavelmente ocupado com cerca de 500 visitas (visualizações 2000 páginas) por dia.

Estatísticas do navegador:

IE: 48% (10% dos utilizadores de IE6, 42% em IE 7, 48% em IE8)

FF: 32% (38% daqueles em 3.5.5, 29% em 3.0.15, 11% em 3.5.4, 4% em 2.0.0.20, e 5% em 3.5.2)

Safari: 17% (53% dos que receberam 531,9, 13% em 531.21.10, 7% em 528,16, 5% em 525,22 e 4% em 530,19)

Chrome: 2% (41% dos que 3.0.195.33, 31% em 3.0.195.27, 21% em 3.0.195.32 e 4% em 4.0.223.16)

Answer 1

A solução mais fácil é usar o método @font-face. Se você incluir o único Microsoft formato (.EOT) ele vai trabalhar em ANY do navegador.

Confira alguns desses artigos em substituição de fonte.

http://www.zeldman.com/2009/ 02/12 / à prova de balas-font-face / http : //www.smashingmagazine.com/2009/12/01/how-to-support-internet-explorer-and-still-be-cutting-edge/ http://www.jonnyhaynes.com/2009 / 10 / font-face-a-tempo-é-agora /

Você pode usar essa ferramenta da Microsoft para converter sua fonte para uma .EOT (A necessidade formato para IE)

http://www.microsoft.com/typography/WEFT.mspx

O método @font-face não requer Javascript ou Flash, como as técnicas sIFR e Cufon mencionados anteriormente, por isso é mais acessível por todos.

de totalmente SEO amigável e escalável .

Answer 2

Gostaria de tentar Cufon . O tipo de letra não seriam "protegidos". Mas isso exigiria um pouco de esforço técnico para converter o Cufon volta fonte gerado para um rosto TrueType ou OpenType.

Answer 3

O método que eu recomendo é Inman escalável substituição de flash (sIFR), que você pode encontrar informações sobre aqui: http://www.mikeindustries.com/blog/sifr/

A outra técnica que é comum, mas eu nunca usei pessoalmente, é php substituição de imagem. Ambos exigem uso de scripts, para que eles não vão trabalhar com pessoas que usam noscript e sei sIFR não vai funcionar com o AD Bloco Além disso, mas como você disse, uma grande porcentagem de seu mercado que vai funcionar muito bem e parece fantástico.

Answer 4

Duas opções (além de SIFR e Cufon como os outros):

Especifique uma fonte personalizada via CSS:

http://www.456bereastreet.com/archive/200710/the_resurrection_of_downloadable_web_fonts/

http://www.richinstyle.com/guides/fontface2.html#src

Criar imagens estáticas:

Como você observou criar imagens para cada cabeçalho usando a fonte personalizada - isso também apresentar um obstáculo para quem quer copiar a fonte. (Claro, eles poderiam sempre traçar uma fonte dos gráficos contendo a fonte e facilmente criar um TTF dele).

O principal ataque contra é a esta pergunta é a seguinte:

"Eu gostaria de ser realmente certeza de que ninguém pode usar a fonte em seus próprios sites ou baixar uma cópia"

Really? Sem usar estática images / flash / SIFR / Cufon, um usuário precisará baixar uma cópia de uma fonte para o seu computador a fim de tornar a fonte no seu navegador web. Depois de dar uma cópia para o usuário que você realmente não pode esperar para controlar se eles usá-lo em seu próprio Web site. Novamente, é trivial para copiar uma fonte de uma imagem estática e criar um TTF para o mundo inteiro para copiar - ver sites como http : //www.dafont.com/ para exemplos de fontes famosas copiados (como exemplo, os Tranformers fonte: http://www.dafont.com/search.php?psize=m&q=transformers )

Answer 5

@ font-face funciona muito bem para mim. Há um gerador aqui onde você pode carregar o seu tipo de letra, e em seguida, ele irá fornecer-lhe todos os formatos e códigos que você vai precisar: http://www.fontsquirrel.com/fontface/generator