Articles of font face

Eot, ttf e svg ainda são necessários na declaração de fonte?

Até agora, usei a syntax de face de fonte à prova de balas de Paul Irish Mas eu estava apenas olhando para o suporte para arquivos .woff e .woff2 no caniuse e ele diz que o woff é suportado no IE9 +. A maioria dos artigos sobre este tópico é de cerca de 2009, que […]

@ font-face funciona no IE8, mas não no IE9

Como descrito acima, tenho problemas com o @ font-face não exibido no IE9, embora seja exibido em todos os outros navegadores, incluindo o IE8 e abaixo. Além disso, ao visualizar localmente no meu computador, o IE9 exibe a fonte, mas não quando ela está totalmente ativa. O site é: bigwavedesign.co.uk/gcc/gcc/ O código usado é: @font-face […]

@ font-face anti-aliasing no windows e mac

Eu usei http://www.fontsquirrel.com/ para criar um kit @ font-face. Funciona bem, mas o resultado no windows é diferente do resultado no mac. No windows a fonte parece ter um anti-aliasing errado: Este é o resultado no Mac com FF, Chrome ou Safari (todos atualizados para a última versão). Este é o resultado no Windows com […]

Qual é o status do suporte do TTF no Internet Explorer?

Estou tentando determinar o status do suporte para o formato de fonte TTF no Internet Explorer. (Eu não tenho nenhuma máquina com Windows para experimentar.) A tabela no caniuse afirma que o IE da versão 9 suporta TTF, mas “funciona apenas quando [as fonts estão] configuradas para serem instaladas”. O que isso significa? Essa página […]

As fonts @ font-face só funcionam em seu próprio domínio

Eu estou tentando criar um tipo de repository de fonts para uso em meus sites, para que eu possa ligar para qualquer fonte no repository no meu css sem qualquer outra configuração. Para fazer isso, criei um subdomínio no qual coloquei pastas para cada fonte no repository que continha os vários tipos de arquivo para […]

Por que devemos include ttf, eot, woff, svg,… em uma fonte?

Em CSS font-face , existem vários tipos de fonte incluídos como ttf , eot , woff , svg e cff . Por que devemos usar todos esses tipos? Se eles são especiais para diferentes navegadores, por que o número deles é maior que o número dos principais navegadores da web?

Amazon S3 CORS (Compartilhamento de resources entre origens) e carregamento de fonts entre domínios do Firefox

Houve um problema de longa data com o Firefox não carregando fonts de origem diferente da página atual. Geralmente, o problema surge quando as fonts são exibidas em CDNs. Várias soluções foram levantadas em outras questões: CSS @ font-face não funciona com o Firefox, mas funciona com o Chrome e o IE Com a introdução […]

Como saber se uma fonte (@ font-face) já foi carregada?

Eu estou usando Font-Awesome, mas enquanto os arquivos de fonte não são carregados, os icons aparecem com . Então, eu quero que esses icons tenham display:none enquanto os arquivos não estiverem carregados. @font-face { font-family: “FontAwesome”; src: url(‘../font/fontawesome-webfont.eot’); src: url(‘../font/fontawesome-webfont.eot?#iefix’) format(‘eot’), url(‘../font/fontawesome-webfont.woff’) format(‘woff’), url(‘../font/fontawesome-webfont.ttf’) format(‘truetype’), url(‘../font/fontawesome-webfont.svg#FontAwesome’) format(‘svg’); font-weight: normal; font-style: normal; } Como eu sei […]

Como adicionar vários arquivos de fonte para a mesma fonte?

Eu estou olhando para a página do MDC para a regra CSS @ font-face , mas eu não entendo nada. Eu tenho arquivos separados para negrito , itálico e negrito + itálico . Como posso incorporar todos os três arquivos em uma regra @font-face ? Por exemplo, se eu tiver: @font-face { font-family: “DejaVu Sans”; […]

Usando fonts personalizadas usando CSS?

Eu vi alguns sites novos que estão usando fonts personalizadas em seus sites (além do Arial, Tahoma, etc.). E eles suportam uma boa quantidade de navegadores. Como é que alguém faz isso? Ao mesmo tempo, também impede que as pessoas tenham access gratuito para baixar a fonte, se possível.