Como incorporar fontes em seu blog

Video: Como colocar qualquer fonte em seu site usando @font-face

Em um ponto, texto ao vivo foi limitado a usar 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 a fonte não é web-safe.

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 dos seus visitantes devem apoiar font-incorporação.

Quando se trata de fontes, um navegador sabe o tipo de letra para exibir pelo nome de fonte indicado no seu CSS (Cascading Style Sheet). Com uma fonte de web-safe, um navegador exibe a fonte corretamente, puxando as informações do tipo de letra do sistema operacional de um computador.

Video: Como trocar nomes na barra de menu do seu blog 2017

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 exibir (já que a fonte não estiver no computador do visitante do site).

Video: COMO REFERENCIAR TEXTO RETIRADO DE UM SITE NO WORD 2010

serviços como Adobe Typekit e Google Web Fonts acolher as fontes para você. Quando alguém visita seu blog, 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 de 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 você deseja inserir.

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.