Como incorporar fontes em seu site Blog

Em um ponto, o texto ao vivo foi limitado à utilização de fontes web-safe. Felizmente, agora você tem opções muito mais interessantes sobre fontes, graças à tecnologia de incorporação de fontes, que permite incorporar uma fonte em páginas da web do seu blog. Com uma fonte incorporada, os visitantes podem ver a fonte que você selecionou para seu projeto, mesmo que essa fonte não é segura para a Web.

Então, qual é o truque? fontes incorporadas podem retardar o download do seu blog no navegador do visitante. Além disso, para fontes incorporadas ao trabalho, navegadores web dos seus visitantes devem apoiar font-incorporação.

Quando se trata de fontes, um navegador sabe o tipo de letra para exibir, o nome da fonte listados em seu CSS (Cascading Style Sheet). Com uma fonte segura para a Web, um navegador exibe a fonte corretamente, puxando as informações do tipo de letra do sistema operacional de um computador.

image0.jpg

Com uma fonte incorporada, um navegador exibe a fonte corretamente porque CSS desse website define onde um navegador pode encontrar os arquivos de fontes que necessita para apresentar (uma vez que a fonte não está no computador do visitante do site).

serviços como Adobe Typekit e Google Web Fonts acolher as fontes para você. Quando alguém visita o seu blog, o seu CSS sabe para exibir uma fonte incorporada puxando os arquivos de fonte de outro local além de seu computador.

Para usar fontes incorporadas com um desses serviços, eles lhe fornecer o código que você precisa para fazer uma exibição da fonte em seu blog. Agradável! A partir daí, você precisa ser capaz de adicionar o código que fornecem ao documento HTML do seu blog, geralmente em um arquivo chamado header.php em WordPress ou editando o arquivo de modelo no Blogger.

Você também precisa ser capaz de alterar o seu CSS, a fim de mudar a partir de suas fontes atuais para os nomes das fontes que deseja incorporar.

Uma forma mais avançada de usar fontes incorporadas é usar o @Tipo de letra propriedade dentro do seu CSS. Para fazer isso, você precisa ser bastante familiarizado com codificação para qualquer código-lo manualmente ou usar um serviço como FontSquirrel, que ajuda a gerar o código e os arquivos necessários para usar o @Tipo de letra propriedade. Os arquivos de fonte pode ser hospedado em seu próprio servidor ou com um serviço de fonte como FontSquirrel.

menu