Como cambiar a fonte nas páxinas web utilizando CSS

O elemento FONT quedou obsoleto en HTML 4 e non forma parte da especificación HTML5. Así que, se quere cambiar as fontes nas súas páxinas web, debería aprender a facelo con CSS (Cascading Style Sheets ).

Pasos para cambiar a fonte con CSS

  1. Abra unha páxina web usando un editor HTML de texto. Pode ser unha páxina nova ou existente.
  2. Escribe un texto: este texto está en Arial
  3. Rodea o texto co elemento SPAN: Este texto está en Arial
  4. Engade o atributo style = "" á etiqueta span: Este texto está en Arial
  5. Dentro do atributo de estilo, cambia a fonte empregando o estilo font-family: Este texto está en Arial

Consellos para cambiar a fonte con CSS

  1. Separa as opcións de fonte múltiple cunha coma (,). Por exemplo,
    1. font-family: Arial, Xenebra, Helvetica, sans-serif;
    2. É mellor que sempre teña polo menos dúas fontes na túa pila de fontes (a lista de fontes), de xeito que se o navegador non ten a primeira fonte, pode usar a segunda.
  2. Sempre peche cada estilo CSS cun punto e coma (;). Non se esixe cando hai só un estilo, pero é un bo hábito de entrar.
  3. Este exemplo usa estilos en liña, pero o mellor tipo de estilos colócanse en follas de estilo externas para que poida afectar máis que un só elemento. Podes usar unha clase para configurar o estilo en bloques de texto. Por exemplo:
    1. class = "arial"> Este texto está en Arial
    2. Usando o CSS:
    3. .arial {font-family: Arial; }