AMPLIACIÓN CATÁLOGO TIPOGRÁFICO WEBSPLANET

Tamaño: px

Comenzar la demostración a partir de la página:

Download "AMPLIACIÓN CATÁLOGO TIPOGRÁFICO WEBSPLANET"

Lourdes Páez Escobar
hace 7 años
Vistas:

1 AMPLIACIÓN CATÁLOGO TIPOGRÁFICO WEBSPLANET

2 TIPOGRAFÍAS A DÍA DE HOY EN WEBSPLANET La finalidad de toda composición gráfica es transmitir un mensaje concreto, para ello el diseñador puede emplear distintos elementos visuales, imágenes, ilustraciones y textos. Combinando colores, jerarquías e imágenes se puede transmitir un mensaje por si solo, pero si además va acompañado por textos, la transmisión de la información es completa. Websplanet dispone de 11 familias tipográficas seleccionables en cada uno de los bloques de texto que incluimos en la web. Se pueden combinar y utilizar todas ellas. Los diferentes estilos de tipografía que podemos utilizar en un texto, pueden enfatizar el mensaje a transmitir. Por tanto, una correcta selección de tipografía es primordial para obtener una buena composición gráfica, ya que cada una de las letras que incluimos en el diseño es en si un elemento visual mas. El diseñador, según este planteamiento, debe emplear las tipografías tanto para comunicar como para definir el aspecto visual de la composición. En el sistema Websplanet tenemos un número limitado de familas tipográficas a utilizar, por ello, para enriquecer la experiencia final de usuario, y la satisfacción del cliente pretendemos ampliar el catálogo tipográfico disponible añadiendo algunas de las tipografías mas recurrentes que hay hoy en día.

3 INCLUSIÓN GOOGLEFONTS EN WEBSPLANET Nuestra propuesta arranca de la necesidad de variar el aspecto visual de los textos que incluimos en nuestras web. Para ello hemos seleccionado doce familias tipográficas de google fonts muy recurrentes e intensamente utilizadas. Ejemplo de site realizado con una única fuente (Open Sans) en la que la estructura del mismo se diferencia por los pesos de la fuente. Texto común Hemos realizado una selección de tipografías con características propias que las hacen diferentes para las web que producimos sean mas variadas entre si. Nuestra apuesta es utilizar una única familia tipográfica en un sitio, dando unidad y coherencia al conjunto de la web y diferenciar los distintos elementos estructurales únicamente por los pesos del texto, es decir tamaño y grosor del mismo. Las fuentes que incluiremos son: SANSERIF Open sans Roboto Ubuntu Raleway Titillium Web Muli Maven Pro SERIF Lora Arvo Playfair Display Rokkitt Sorts Mill Goudy

4 PROCEDIMIENTO Y CATÁLOGO GOOGLEFONT Para poder incluir una googlefont dentro de un site construido en la plataforma Websplanet de Páginas amarillas, hay que acceder al menú AJUSTES, en el apartado CON- FIGURACIÓN DEL SITIO de la pestaña GENERAL tenemos la opción de CÓDIGO DE ENCABEZADO. En este bloque de texto es donde incluiremos la siguiente etiqueta meta: Es muy importante tener en cuenta que el cambio de fuente en el sitio solo será visible en la publicación o previsualización de la web. Los cambios de tipografía no se verán aplicados en el editor. ETIQUETA a incluir: <meta name="fuente" content="open+sans"/> <meta name="fuente" content="roboto"/> <meta name="fuente" content="ubuntu"/> <meta name="fuente" content="raleway"/> <meta name="fuente" content="titillium+web"/> <meta name="fuente" content="muli"/> <meta name="fuente" content="maven+pro"/> <meta name="fuente" content="lora"/> <meta name="fuente" content="arvo"/> <meta name="fuente" content="playfair+display"/> <meta name="fuente" content="marmelad"/> <meta name="fuente" content="sorts+mill+goudy"/>

5 Open Sans Regular Sanserif <meta name="fuente" content="open+sans"/> Roboto Regular Sanserif <meta name="fuente" content="roboto"/> Ubuntu Regular Sanserif <meta name="fuente" content="ubuntu"/> Raleway Regular Sanserif <meta name="fuente" content="raleway"/>

6 Titillium Web Regular Sanserif <meta name="fuente" content="titillium+web"/> Muli Regular Sanserif <meta name="fuente" content="muli"/> Maven Pro Regular Sanserif <meta name="fuente" content="maven+pro"/> Lora Regular Serifa <meta name="fuente" content="lora"/>

7 Arvo Regular Serifa <meta name="fuente" content="arvo"/> Playfair Display Regular Serifa - Display <meta name="fuente" content="playfair+display"/> Marmelad Regular Serifa <meta name="fuente" content="marmelad"/> Sorts Mill Goudy Regular Serifa <meta name="fuente" content="sorts+mill+goudy"/>

Documentos relacionados

5.1 Tipografía del monograma

5.1 Tipografía del monograma S 128 medios impresos para usos académicos medios digitales señalética.2.3.4.5 La fuente tipográfica del texto Universidad Tecnológica de Pereira que acompaña al monograma en la firma gráfica es la: Myriad