Cómo establecer la familia de fuentes en html5 y css3 páginas web

Para asignar una familia de fuentes a parte de su página, utilizar un nuevo CSS. A modo de ejemplo, esta página tiene el título establecido en Comic Sans MS. Si esta página se ve en una máquina Windows, por lo general muestra la fuente 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, es posible conseguir algo más. Mira el caso simple.

Aquí está el código:

comicHead.html

Se trata de un título

Este es el texto ordinario.

Video: 11. CSS3: Font Face

El secreto de esta página es el atributo CSS. Al igual que la mayoría de los elementos CSS, esto se puede aplicar a cualquier etiqueta HTML de la página. En este caso particular, se aplica al nivel de una partida.

Video: Curso Adobe Dreamweaver compatible con navegadores y dispositivos web

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

A continuación, puede adjuntar cualquier nombre de la fuente que desea, y el navegador de los intentos de utilizar ese tipo de letra para mostrar el elemento.

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

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

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.) No se puede contar con usuarios que tengan cualquier tipo de letra instalados particulares.

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

Artículos Relacionados