As opções de estilo simples permitem alterar a fonte (ou tipo) de uma página da Web usando CSS (Cascading Style Sheets). Você pode definir a fonte de palavras individuais, frases específicas, manchetes, parágrafos inteiros e até páginas inteiras de texto.
Como alterar a fonte com CSS
Você pode fazer as alterações de HTML e CSS explicadas abaixo usando qualquer editor de HTML ou editor de texto. Você pode copiar o texto da página e colá-lo em um editor para fazer as alterações ou abrir a página inteira no editor e editá-la diretamente.
-
Localize o texto onde você deseja alterar a fonte. Nós vamos usar isso como um exemplo:
Este texto está em Arial
-
Coloque o texto no elemento SPAN:
Este texto está em Arial
-
Adicione o atributo style = "" para a tag span:
Este texto está em Arial
-
Dentro do atributo style, mude a fonte usando o família de fontes estilo.
Este texto está em Arial
-
Salve as alterações para ver os efeitos.
Dicas para usar o CSS para alterar a fonte
-
A melhor abordagem é ter sempre pelo menos duas fontes na sua pilha de fontes (a lista de fontes), para que, se o navegador não tiver a primeira fonte, possa usar a segunda fonte.
Separe várias opções de fonte com uma vírgula, assim:
família-fonte: Arial, Genebra, Helvetica, sans-serif;
-
O exemplo explicado acima usa estilo embutido, mas o melhor tipo de estilo usa uma folha de estilo externa para que você possa afetar mais do que apenas um elemento. Você pode usar uma classe para definir o estilo em blocos de texto.
Este texto está em Arial
Neste exemplo, o arquivo CSS para estilizar o HTML acima seria exibido da seguinte maneira:
.arial {font-family: Arial; }
-
Sempre termine os estilos CSS com um ponto-e-vírgula (;). Não é necessário quando há apenas um estilo, mas é um bom hábito para começar.
