Cómo establecer la familia de fuentes en HTML5 y CSS3 páginas web

Para asignar una familia de fuentes a una parte de la página, utilice algún nuevo CSS. Como ejemplo, esta página tiene el título establecido en Comic Sans MS. Si esta página es vista en una máquina Windows, por lo general, muestra el tipo de letra correctamente porque Comic Sans MS se instala con la mayoría de las versiones de Windows. Si estás en otro tipo de máquina, usted puede conseguir algo más. Mira el caso sencillo.

Aquí está el código:

comicHead.html

Este es un título

Este es el texto ordinario.

El secreto de esta página es el atributo CSS. Como la mayoría de los elementos CSS, esto puede aplicarse a cualquier etiqueta HTML en su página. En este caso particular, se aplica al nivel de una rúbrica.

 h1 {font-family: "Comic Sans MS" -}

A continuación, puede adjuntar cualquier nombre de la fuente que desea, y el navegador intenta utilizar esa fuente para mostrar el elemento.

A pesar de que una fuente puede funcionar perfectamente bien en el equipo, puede que no funcione si esa fuente no está instalado en la máquina del usuario.

imagen0.jpg

Si ejecuta exactamente la misma página en un iPad, es posible que vea este resultado.

image1.jpg

La Comic Sans MS fuente específica está instalado en máquinas Windows, pero el SRA es sinónimo de Microsoft. Esta fuente no siempre se instala en Linux o Mac. (A veces es allí, ya veces no lo es.) Usted no puede contar con los usuarios que tengan cualquier tipo de letra particulares instalados.

El tipo de letra Comic Sans está muy bien para un ejemplo, pero ha sido muy utilizado excesivamente en el desarrollo web. Desarrolladores web graves evitar utilizarlo en aplicaciones reales, ya que tiende a hacer que su página se vea poco profesional.




» » » » Cómo establecer la familia de fuentes en HTML5 y CSS3 páginas web