Tecnología

Inicio

Cómo definir un tipo de letra Arial en CSS

December 21

En caso de publicar en su propio blog o sitio web, es posible que desee cambiar ciertos elementos del formato. Si bien hay una gran cantidad de programas disponibles para ayudarle a construir un sitio web, si lo que desea es hacer algo tan simple como cambiar la fuente de su trabajo por escrito de un tipo de letra serif a la más legible Arial, ensuciarse las manos con un poco de CSS puede ser la solución perfecta.

Instrucciones

1 Abrir el código HTML que desea editar y busque en la sección en la parte superior denominada <head> del <style type = "text / css"> código. Si está trabajando con una página en blanco y desea escribir todo el código desde cero, ingrese en <head> y <style type = "text / css">, pulsar la tecla "Enter" después de cada etiqueta.

2 Por debajo de la <style type = "text / css"> cabecera, copiar y pegar el siguiente en una línea en blanco:

p.sansserif {font-family: Arial}

Si "p.sansserif" ya se ha definido aquí, sólo tiene que reemplazarlo.

3 Pulse la tecla "Enter". Tipo "</ style>", "</ head>" y "<body>" si está escribiendo el código de la página desde el principio, oprimir la tecla Enter después de cada etiqueta. Navegue hasta por debajo de la etiqueta "<body>" si se está trabajando con HTML ya escrito.

4 Encontrar el texto que desea cambiar a Arial si se está trabajando con el código escrito previamente.

5 Escriba el siguiente antes de cualquier texto que le gustaría tener en fuente Arial:

<P class = "sansserif">

6 Tipo "</ p>" al final del texto que le gustaría tener en Arial. Pulse la tecla "Enter" y escriba "</ body>" y "</ html>" si está escribiendo el texto a partir de cero, presionando "Enter" después de cada uno.

Consejos y advertencias

  • Utilice comillas cuando se trabaja con un nombre de fuente que es más de una palabra; por ejemplo, font-family: "Times New Roman".
  • Añadir tipos de texto adicionales cuando se define el CSS bajo el <style type = "text / css"> cabecera, en caso de que el tipo que desea tener aparecen no es compatible con el navegador web del visitante del sitio, mediante la introducción de nombres de fuentes adicionales en orden de más a menos preferido, como en el siguiente ejemplo:
  • p.sansserif {font-family: Arial, Helvetica, sans-serif;}
  • Siempre que la edición de código web, asegúrese de guardar una copia del archivo .html original en un documento de texto para que pueda volver a ella si algo va mal.