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!
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