Tecnología

Inicio

Cómo cambiar las fuentes en XHTML

Cómo cambiar las fuentes en XHTML


Configuración y cambio de fuentes en HTML fue un proceso simple que requiere solamente la envoltura <font> etiquetas alrededor de un elemento interno. Con el elemento <font> desuso en XHTML con el fin de separar el contenido y la presentación, especificando las fuentes que ahora es más complicado. Al igual que con otras propiedades de estilo, Ajuste y modificación de los tipos de fuentes en XHTML requiere el uso de hojas de estilo en cascada (CSS).

Instrucciones

1 Identificar el elemento que desee cambiar. En este ejemplo, el CSS se utiliza para establecer el tipo de letra para el texto contenido dentro de un par de etiquetas de párrafo:

<P> Muestra el texto de párrafo. </ P>
<P> Una segunda línea de texto. </ P>

Aunque en este ejemplo se ocupa de los párrafos, las reglas de estilo se pueden aplicar a cualquier elemento con CSS.

2 Añadir una hoja de estilo a su página. Busque la etiqueta </ ​​head>, situado cerca de la parte superior del código fuente de su documento. Inserte una línea en blanco justo encima de esta etiqueta. Copiar y pegar el código siguiente en la línea en blanco:

<Style type = "text / css">
</ Style>

Estas líneas de código XHTML le dicen al navegador que cualquier regla de estilo válidos contenidos entre las etiquetas <style> etiquetas deben ser interpretadas como reglas de estilo y se aplican a la página.

3 Añadir una regla de estilo para cambiar la fuente de todos los elementos seleccionados. Las reglas de estilo contienen propiedades que son interpretados por los navegadores web para controlar la apariencia de una página web. Se pueden aplicar a cualquier elemento XHTML válido. Cambiar la fuente del párrafo (<p>) elementos previstos en el Paso 1 al copiar y pegar la siguiente línea de código en una nueva línea directamente debajo de la apertura etiqueta <style> agregó en el paso 2:

p {font-family: Arial, Helvetica, sans-serif; font-size: 20px}

Esta regla de estilo le dice al navegador web para mostrar todos los elementos <p> en letra Arial, Helvetica o Arial si no está instalado en la máquina del usuario, o en fuente sans-serif por defecto del equipo, si ninguna de estas opciones está disponible. También le indica al navegador que muestre <p> elementos en un tamaño de fuente de 20 píxeles. Ambas opciones se pueden cambiar para adaptarse a las necesidades de su página.

4 Guarde la página y ver los cambios. Guardar la página Web que acaba de editar, a continuación, abra la página en el navegador web. Las etiquetas de párrafo que una vez que aparecieron en la fuente por defecto del navegador, en el tamaño por defecto, aparecen ahora en 20 píxeles Arial o Helvetica.