Los tipos de visualización de texto en una página web

Video: PSU Lenguaje Cap. 8: Tipos de Textos

La página web está la construcción puede contener dos tipos de texto: texto gráfico (que en realidad es sólo una imagen) y el texto HTML (que es ya sea en el código HTML o procedentes de una base de datos). texto HTML también se llama vivir texto porque es totalmente editable, al igual que el texto en su procesador de textos. Puede aplicar diferentes ajustes de tamaño y tipo de letra para vivir de texto usando estilos CSS, o incluso sólo con HTML, y se puede actualizar fácilmente el texto, haciendo de texto en vivo la elección ideal para su sitio web.

Video: Color, Tamaño y Tipos de letra en HTML

El texto gráfico frente de texto HTML

Mientras que el texto en vivo le da más flexibilidad para modificar y actualizar, tiene sus limitaciones. Sus opciones de fuentes y efectos visuales son relativamente limitadas, y deben confiar en una buena codificación para asegurar que el texto se ve igual en todas navegadores, plataformas y dispositivos. gráfico del texto, sin embargo, es sólo una imagen - esencialmente una imagen del texto. Por lo tanto se puede aplicar cualquier tipo de letra que tiene en su caja de herramientas - y cualquier tipo de efecto - para crear un titular de apariencia fresca. Mientras que suena muy bien, texto en vivo es el claro ganador cuando se trata de la web - porque la capacidad de editar y actualizar el texto es mucho mayor que la capacidad de ir a la moda. Además, el texto en vivo tiene el beneficio adicional de hacer que su página de búsqueda más amigable porque los motores de búsqueda pueden leer lo que dice.

Video: Web sobre los tipos de textos

localización de idioma en el diseño web

Otra razón por la que tiene sentido utilizar el texto en vivo para todos los elementos de copia se debe a que muchos sitios deben tener en cuenta para el lenguaje localización (Jerga para traducción). Si está desarrollando un sitio que soportar múltiples idiomas y caracteres, no puede permitirse el lujo de usar cualquier texto gráfico (sin contar el texto que forma parte de la fotografía y el contenido de gráficos, como una imagen soportar un artículo). Es mucho más práctico mantener una base de datos de componentes de copia en vivo traducidos para todos los idiomas compatibles, de forma dinámica y llenar sus páginas web con el contenido adecuado en función del país y el lenguaje que un usuario seleccionado.

Las fuentes especificadas en el diseño web

En el pasado, texto en vivo se limita a mostrar en las fuentes del sistema aburridas. En la actualidad hay diferentes maneras de utilizar fuentes personalizadas en sus diseños de página web. Uno de los primeros métodos fue sIFR (salable yonman Flatigazo Replacement), una solución de código abierto diseñado para sustituir frases cortas (como titulares) sobreponiendo el texto original con una película Flash que muestra el texto en la fuente personalizada asignada. La sustitución ocurre en un abrir y cerrar de ojos, pero requiere que Flash está instalado en el navegador. Recordar, Flash no funciona en los dispositivos móviles de Apple.

Ahora, la mayoría de los diseñadores están utilizando ya sea el @Perfil delantero método CSS, o un servicio de tipo incrustar para ampliar la variedad de fuentes disponibles para el texto en vivo. Los diseñadores utilizar estas fuentes personalizadas para frases cortas, la navegación, y los titulares, pero a menudo se adhieren a las fuentes del sistema estándar como Arial o Georgia por el cuerpo del texto. A medida que estas tecnologías de fuente-incrustación se asientan en los navegadores y se extienden más apoyo para ellos, la tendencia es probable que desplazar hacia el uso de fuentes totalmente personalizados en los sitios web tradicionales y sitios móviles.

Tenga un plan font-repliegue

Incluso si usted está utilizando una tecnología de incrustación-fuente, cada vez que especifica una fuente en HTML o CSS, que está asumiendo que la fuente se puede encontrar. Si el servidor que aloja su fuente incrustada está abajo, o el navegador del usuario no soporta el formato de fuente, la fuente no se mostrará correctamente. Si está utilizando fuentes estándar del sistema, y ​​por cualquier motivo el usuario no tiene los especificados, la página no se mostrará correctamente. El navegador se encuentra una fuente de sustitución. Esto puede causar estragos en su diseño de páginas, porque como se sabe, las fuentes varían mucho en tamaño y anchura - incluso cuando se establece en el mismo tamaño de punto.

Video: Tipos de texto

Formatos de fuente y de compatibilidad con navegadores
NavegadorFormatos de fuentes compatiblesExtensiones de archivo de fuente
explorador de InternetEmbedded OpenType
Web Open Font Format
.EOT
.woff
Mozilla Firefox)fuentes OpenType
Fuente TrueType
Web Open Font Format
.OTF
.ttf
.woff
Safari y Operafuentes OpenType
Fuente TrueType
gráficas vectoriales escalables
Web Open Font Format
.OTF
.ttf
.SVG
.woff
Cromofuentes OpenType
Fuente TrueType
gráficas vectoriales escalables
Web Open Font Format
.OTF
.ttf
.SVG
.woff
dispositivos móviles de Apple (Safari)gráficas vectoriales escalables
fuentes OpenType
Fuente TrueType
.SVG
.OTF
.ttf
Artículos Relacionados