Como podemos personalizar fontes com CSS?

    Entrando em um fonte particular nós podemos personalizar os títulos, menus e textos dos nossos artigos, de forma a torná-los únicos na web.

    Adicionando uma pequena regra ao arquivo CSS: @Tipo de letra.

    Para escolher a nossa fonte, que deve ser gratuita, podemos pegar as já instaladas no nosso computador ou procurar na Internet: um bom site é  www.fontsquirrel.com, onde você encontrará uma grande variedade de fontes!



    Como podemos personalizar fontes com CSS?

    Após identificar nossa fonte, para torná-la compatível na web, acesse a página '@ font-face Generator', sempre ligada www.fontsquirrel.com: aqui carregamos nossa fonte, geramos o pacote e baixamos no pc. Neste pacote encontraremos a fonte dividida em 4 tipos, o que a torna compatível com todos os principais navegadores.

    Agora vamos fazer o upload do pacote para o servidor e editar nosso arquivo CSS:

    @ font-face {src: url ('arial-webfont.eot'); src: formato local (''), url ('arial-webfont.woff') ('woff'), formato url ('arial-webfont.ttf') ('truetipe'), url ('arial-webfont.svg #Arial ') formato (' svg '); peso da fonte: normal; estilo da fonte: normal; }

    Na prática, esta regra primeiro diz ao navegador para verificar se a fonte existe no computador; se não estiver instalado aqui, a string fará com que o navegador carregue a fonte com a extensão correta para permitir sua visualização! 

    Outra solução é esta:

    @ font-face {src: url (https://www.mywebsite.com/fonts/MyFontName.ttf); } p {}

     

    Uma vez que o arquivo MyFontName.ttf (fonte de amostra) tenha sido inserido na pasta de fontes do nosso site, é possível visualizar a fonte chamada MyFontName ou alternativamente se o navegador não suportar CSS3 a fonte Verdana.



    Mais informações podem ser encontradas aqui http://www.w3.org/TR/css3-fonts/#the-font-face-rule.

    Aqui estão ótimos editores de CSS que você pode usar:

    • O melhor estilo 
    • Balthisar Cascade 
    • CSS simples  
    Adicione um comentário do Como podemos personalizar fontes com CSS?
    Comentário enviado com sucesso! Vamos analisá-lo nas próximas horas.