Como Incorporar a TTF fontes em CSS

Incorporar fontes usando @ regras font-face em CSS.

Fontes incorporadas não são novidade para Web design. Embora técnicas font-substitutas como o Cufon e sIFR entrou em uso por volta de 2008, fonte CSS incorporação é um recurso que rolou para fora com CSS2 e é compatível com o Internet Explorer, já em versão de cinco. A técnica requer que você carregar a fonte, seja ela TrueType ou outro formato e, em seguida, criar uma regra de "@ font-face" em CSS. Uma vez feito isso, você pode fazer referência a fonte incorporada da mesma maneira você faz referência a fontes Web-safe.

Abra o arquivo HTML para a página Web onde você deseja exibir a fonte incorporada. Para sites ou modelos usando um arquivo de cabeçalho separado, abrir esse lugar. Use um programa de edição de código, como o Notepad ++, jEdit ou BBEdit. Procure a seguinte linha de código na parte superior do seu arquivo HTML:
Olhe para o nome do arquivo .CSS referenciado no tag e abrir esse arquivo no seu editor de código. Se você não vê nenhuma tag, crie uma e, em seguida, criar um arquivo .CSS em branco.
Adicione o seguinte código na parte superior do seu arquivo .CSS:
@Tipo de letra {
font-family: `Nome da Fonte Aqui`;
src: URL formato ( `fontfile.ttf`) ( `ttf`);

}
Dê um nome de família de fonte para sua fonte. Você pode usar qualquer nome, mas ficar com um nome que seja fácil de digitar e lembrar. Digite o caminho completo ou relativo ao seu arquivo .TTF entre os parênteses após "URL".
Use a fonte incorporada como seria usar uma fonte Web-safe, como Arial, Helvetica ou a Geórgia. Aqui está um exemplo:
h1 {
font-family: "Nome da Fonte Aqui", "outra fonte", genérico;
}
O código acima faz toda
tags de usar o seu tipo de letra incorporado. Caso a fonte incorporada não funcionar, o navegador irá usar "outra fonte" para o nível um cabeçalhos. No caso "outro tipo de letra" não existe no computador do utilizador, o navegador vai para o último tipo de letra. Use um nome de família genérico aqui, como "serif" e "sans-serif".
Carregue o seu tipo de letra utilizando uma ferramenta de FTP. Se você não usar o FTP, você também pode entrar em seu painel de controle de hospedagem na Web e navegue para sua ferramenta de gerenciamento de arquivos. A maioria dos provedores de hospedagem oferecem essa ferramenta, que permite fazer upload de alguns arquivos de uma só vez através de seu navegador.

dicas avisos

Use o Google Fontes da Web para escolher um tipo de letra, copie o tag para uma folha de estilo especial hospedado em servidores do Google e pegar o código para incluir em seu próprio arquivo .CSS. Esta é uma maneira fácil de "incorporar" uma fonte sem hospedá-lo em seu próprio servidor.
Use uma técnica font-substituição, como sIFR ou Cufon se sua fonte escolhida parece muito irregulares ou aguda quando incorporado. Estas técnicas usam scripts que adicionam anti-aliasing para as fontes para suavizar suas bordas.

Não use fontes sem antes ler seus termos de uso. Nem todas as fontes são livres para usar na Internet, mesmo que você baixou-los gratuitamente. Alguns prevêem que você possa usar a fonte apenas em um site não-comercial.

De esta maneira? Compartilhar em redes sociais: