Receta de cocina

En este post he querido enseñaros una pequeña maquetación sobre una receta de cocina.

¡¡Espero que os guste!!

Unidad 9: Texto y composición

“Un buen tipógrafo debe saber que tipografía conviene más al mensaje con el que está trabajando.” John KANE (2014:96)

9.1. El texto

1. Elección tipográfica: 

• La elección tipográfica es muy importante en el papel del tipógrafo. Hay que tener en cuenta lo siguiente: 
• El tipo de fuente, tiene que favorecer la legibilidad. Mientras que para unos titulares podemos utilizar una tipografía creativa siempre y cuando esté acorde con el tipo de texto.
• El contenido del proyecto: no es lo mismo que sea uno científico, que sea una flayer para una discoteca, etc.
• El público para quien va dirigido.
• El estilo del documento también es muy importante, puesto que debemos adaptarnos a los estilos de los clientes.
• El soporte final: no es lo mismo diseñar para pantalla que para soporte físico. Hay algunas que están adaptadas para dispositivos electrónicos y no para soportes físicos.
• Método de impresión, no es lo mismo que se impriman en casa que se impriman con más calidad.

2. Espaciado en el texto

-Kerning/acoplamiento: es un factor que se aplica por parejas de letras.

http://www.tiposconcaracter.es/wp-content/uploads/2011/10/espaciado-kerning.png

Existen tres tipos: 

• Métrico: tiene predefinido las fuentes tipográficas. 
•  Óptico: los programas avanzados de maquetación lo calculan por algoritmos cual es el que considera mejor. Estos casos son utilizados cuando las fuentes no tienes realizado ningún tipo de kerning.
• Manual: Es el que se hace a ojo, es decir, si un diseñador quiere cambiar algo para darle “otro aire” al diseño. Es utilizado en el mundo editorial.

-Tracking: se aplica a todas las letras por igual. Para cuerpos de texto se tienen que mantener el espaciado. 

https://tipografiaune.files.wordpress.com/2013/02/espacio.jpg

-Interlineado: es el espacio que hay entre cada línea. Cuando se trabaja con un programa de maquetación solo nos permite poco interlineado. Sin embargo, en el mundo profesional se trabaja por pares de cifras.

Por ejemplo: Arial 10/12. Helvética 12/14

Negativo 18/15

Automático 18/21

Solido 18/18

Abierto. 18/32

3. Estilo de párrafo

• Alineaciones: derecha, izquierda, centrado, justificado.

De todos los sistemas de alineaciones, el que más se suele emplear es el justificado.

En primer lugar, el espacio entre palabras. Existe un peligro con este espacio y es que se forman calles y afean los textos. Tenemos la opción de partir las palabras y seguir en la próxima línea.

En una composición centrada, lo ideal es que las líneas formen una composición en los márgenes bastante asimétrica. Si la longitud de las líneas es parecida parece que es una alineación mal hecha.

El alineado a la izquierda suele ser el más utilizado y convencional. Actualmente en el diseño del mundo editorial, un diseñador prefiere no cortar la línea. Y por ello no se justifican los párrafos.

En segundo lugar, partir palabras.

En tercer lugar, separar espacios.

• Textura tipográfica o color tipográfico, se trata de la mancha sobre la caja virtual de una página.

4. Formas tipográficas

• Capitulares: es la primera letra que inicia un texto en la primera línea ocupando la altura de 3-4 líneas o incluso más. 

http://www.cristalab.com/images/tips/css/capitales/CSSCL.png

• Sangría de párrafo: ocurre cuando alteramos el punto en el que comienza un párrafo en el que tenemos determinado su comienzo. Podemos encontrar el párrafo ordinario, el cual no contiene ningún tipo de sangría. 

          Generalmente la sangría se utiliza para distinguir párrafos. Es importante no duplicar diferentes           recursos.

          Cuando en un texto corrido cambiamos de párrafo tenemos diferentes opciones, hacer una                   sangría, o bien, mantener una distancia entre los párrafos, pero entonces no habría sangría.

          Es importante utilizar algún recurso para diferenciar párrafos. No tiene sentido utilizar recursos           de párrafos en el primero, porque no hay que diferenciarlo.

          Existen diferentes nombres para estilos de párrafos: párrafo ordinario, moderno, francés, forma           epigráfica, en bloque, composición quebrada, triangulo español, base de lámpara. 

• Tabulación: se aplica para tablas de contenidos. También es utilizado para artículos como la Biblia. 
• Texto-imagen: Arracada y recorrida. Son diferentes formas de llamar a como colocar las imágenes en el texto, la arracada se utiliza para las formas más regulares y geométricas y las recorrida se les llama aquellas formas más irregulares y menos geométricas, por no decir nada geométricas. 
• Huérfanas y viudas: Una viuda es una línea en una página suelta. Y las huérfanas es la oración que queda sola en la primera línea del párrafo.

          “Una huérfana no tiene pasado y una viuda no tiene futuro”

https://conamorpublicidad.files.wordpress.com/2011/05/viudas-y-huerfanas.jpg

5. Programas de maquetación

Adobe Indesign, QuarkXPRESS 2015, son algunos de los programas que se utilizan para maquetar.

Un programa más obsoleto es Adobe Page Maker.

Otro programa alternativo de software libre es Scribus.

https://upload.wikimedia.org/wikipedia/commons/1/10/Adobe_InDesign_icon.png

http://www.quark.com/images/quarkLogo.gif

9.2. Maquetación

• Historia de la composición de página: Comienza en la escritura de los jeroglíficos. La página como tal empieza con el concepto de libro. No hay una única unidad. El texto se va componiendo por páginas. Como ya sabemos los primeros libros estaban hechos a mano. Apareciendo diferentes recursos. 

          La evolución de la página se actualizó muchísimo. Los periódicos antiguos no tenían ningún               tipo de fotografía, pero poco a poco se fueron introduciendo. Como paso también con las                     fotografías.

          Los formatos digitales también se consideran publicaciones.

• La página: 

• Composición. Jerarquía tipográfica: Es muy importante establecer una jerarquía en una página. Al igual que el tipo de letra. No es necesario utilizar todos los recursos de una familia tipográfica en una misma composición. 
• Proporcionalidad: cuando hablamos de las texturas hablamos de las manchas que debía dejar las palabras. La altura de la caja tipográfica debe ser la misma que la anchura de la caja tipográfica. Las diagonales. Como saber dónde encajar la página, hacer la diagonal de la esquina superior derecha hasta la inferior izquierda, nos daría el ángulo. Y la esquina superior izquierda a la inferior derecha. 
• La página que va siempre a la izquierda es la impar que la par, siempre es más importante en la página impar que la par. 
• Márgenes: El margen interior es el que está pegando al lomo del libro. El margen inferior es superior al del lado izquierdo y el superior es el doble del margen inferior. 
• Los formatos de papel existen dos maneras la división de A0, también existe el B0 y el C0, El A0 está pensado para la autoedición y el B0 para la edición. 
• Caja tipográfica: es el espacio que vamos a incluir en el texto. 

• Columnas: se propuso a partir de las reglas de Gutenberg, se utilizan para páginas que tengan grandes tamaños, por el ritmo de lecturas. Se utilizan también en otros contextos como el periódico. 
•  Retículas: es un sistema de elementos horizontales y verticales. Cada uno de los rectángulos se les llama modulo. 

          Estilo suizo en retículas es uno de los elementos más representativos. Mantiene una                             homogeneidad de criterios. Cuando se utilizan retículas se ajusta la cuadricula base. 

Decálogo de ortotipografía

Aquí os enseño un cartel con distintas normas de ortotipografía. 

¡Espero que os guste y os sirva de ayuda!

Unidad 8: Ortotipografía

8.1. Concepto de ortotipografía

La ortotipogafia proviene de un tratado de 1608. El autor de este tratado era médico y decidió hacer un tratado sobre esto porque sentía predilección por ello.

Según José Martínez de Sousa comprende la ortotipografía como un “conjunto de reglas por las que se rige la confección de un impreso mediante recursos o signos tipográficos”. 

La ortotipografía se utiliza para complementar la ortografía y la tipografía técnica. El tipógrafo juega un papel importante, puesto que debe tener “mil ojos” con las faltas de ortografía.

En cambio, el diseñador gráfico aunque también deba tenerlos no es su trabajo como tal. También existen personas que desempeñan el cargo de corrector.

También os voy a hablar en este apartado sobre un proyecto bastante interesante, se trata de Acentos perdidos de Pablo Zulaica. 

Pablo Zulaica, se dedica a ir arreglando cartelerías con faltas de ortografía. Utiliza pegatinas con tildes que son colgadas en internet y así todo el mundo puede imprimirlas y pegarlas donde haya estas faltas de ortografía. Algunas personas que siguen este proyecto después de colocar las pegatinas les envían fotografías de ellas.

http://vascosmexico.com/images/stories/pablo01.jpg

8.2. Uso correcto de los signos.

En este apartado os quiero hablar sobre un libro muy interesante donde se explica detalladamente como hay que escribir detalladamente.

“ Ortotipografía para diseñadores “ Raquel Marín Álvarez.

http://image.casadellibro.com/a/l/t0/38/9788425226038.jpg

Vamos a ver diferentes apartados tratados en el libro:

• Signos de entonación: por el uso del inglés hacemos cambios drásticos en nuestro lenguaje a la hora de escribir.
• Comillas: Existen diferentes tipos de comillas y son utilizadas para frases textuales, títulos, etc.
• Latinas o francesas: deberíamos utilizarlas en nuestra lengua.
• Alemanas: Cambian de dirección, es decir, abren el texto hacia abajo y lo cierran hacia arriba.
• Inglesas: estas son las más frecuentes, pero su uso no es correcto.
• Simples
• Angulares: en español no tienen ningún uso concreto, aunque en otro idioma si lo tienen.
• Apóstrofos y primas: la prima y la doble prima son inclinadas. El apóstrofo es curvo.
• Signos horizontales: 

• El guion se utiliza para separar fechas, pero sin espacio. Su medida es un cuarto del cuadratín.
• El guion medio es prácticamente equivalente al medio.es de medio cuadratín. 
• El guion menos es aproximadamente medio cuadratín.
• El guion bajo es el más claro del todo porque está alineado con el texto.
• La raya tiene la medida entera del cuadratín. Es utilizada para diálogo.
• Signos verticales

• Barra vertical o pleca, llega más debajo de la línea de base de x. Es utilizado para separar conceptos.
• Barra inclinada es aproximadamente medio cuadratín. 
• Contrabarra se suele utilizar en el lenguaje informático.
• Signos contenedores
• Parentesis: se utiliza para la información relacionada con el texto.
• Corchetes: se utiliza con intención extratextual.
• Llaves se utilizan para elementos gráficos, normalmente para operaciones matemáticas.

• Puntos: 

• Punto: se utiliza para finales de frases u opcionalmente en cifras.
• Puntos suspensivos: son tres puntos más juntos. No es lo mismo que tres puntos sueltos.
• Punto medio o voladio se utiliza para separar conceptos o en otros idiomas.
• Topo o bala: es un punto medio más ancho y se utilizan para hacer listas.
• Líneas de puntos: separa los párrafos.
• Puntos conductores, se utiliza por ejemplo para índices de contenidos.

• Blancos tipográficos: son espacios entres palabras y caracteres.

• Espacio eme: Un cuadratín.
• Espacio ene: medio cuadratín (M/2).
• Espacio grueso: un cuarto de cuadratín (M/3).
• Espacio medio: un tercio de cuadratín (M/4).
• Espacio delgado o fino, un sexto/octavo de cuadratín (M/6 o M/8).
• Espacio de pelo: (M/24).

8.3. Otras normas ortotipográficas

• Tipografías distintivas: 

• El concepto de puntuación colgante (hanging putuation).
• Comillas dentro del margen de alineación o fuera .
• Cursiva real y cursiva provocada por el procesador de texto.
• Leemos por visión de conjunto, por mancha tipográfica, no por letra a letra.
• Negrita: se utiliza para separar preguntas y respuestas en un diálogo.

• Citas textuales, bibliográficas, notas.
• Paréntesis, corchetes.
• Normalmente se utilizan los corchetes dentro de los paréntesis excepto en matemáticas que se utilizan los paréntesis dentro de los corchetes.
• Puntación y comillas: Las comillas abren y cierran el párrafo.

• Cifras:

Ejemplos:

• 55% de aprobados 
• 22 ºC en Madrid 
• 1.ª edición 
• 2016 o 2.016 
• 5,8 puntos 
• 16/11/1991 o 16/11/91 
• 23.30 horas

• Abreviaturas: 

• SS. AA. RR. (sus altezas reales) 
• C/Grecia 
• Excma. 
• JJ.OO. 

       Criptónimos: se utiliza o con puntos o sin puntos.

• J. F. K.------- JFK 
• C. R. 7-------CR7 

Las siglas se admiten con puntos y sin puntos.

• ONG-----O.N.G.

• Ortografía publicitaria.

Durante años se comenzaron a omitir las vocales para las marcas como Mango (MNG) o Reebook (RBK).

Algunas marcas utilizan errores publicitarios como por ejemplo, Mc Donald (I’m loving it).

Diseño de abecedario

En este post os muestro mi próxima aventura con la tipografía. ¡¡¡Espero que os guste!!!

Unidad 7: Introducción al diseño gráfico

7.1. El proceso de diseño gráfico

• Proyecto: En una primera parte se obtiene un boceto. A parte se tiene una motivación ya puede ser personal o un encargo. 

          Para hacer una tipo puede ser por gusto propio y estar interesado en el tema o simplemente para           darle valor al proyecto de diseño gráfico potente.

          La tipografía también se puede utilizar para darse a conocer, tomándosela como marketing                   aunque no se obtenga beneficio económico.

• Digitalización: las fuentes todas están hechas a partir de un boceto, pudiendo ser en digital o no. El peso original de la tipografía se llama “máster”. Esta digitalización puede ser a partir de un escaneado o como se quiera. Se emplean programas como Adobe Illustrator y se exportar a programas de diseño tipográfico. Estos programas permiten la edición de cualquier cambio que queramos realizar.

• Producción: los múltiples son todas las subfamilias de la tipografía como la negrita, la cursiva, etc.

• Postproducción: El espaciado es muy importante en el tema de tipografía. Los diseñadores tienen muy en cuenta todas las formas de cada letra junto con su espaciado, este espaciado puede llamarse prosa o Kerning.

• Comercialización: se trata de su venta y su distribución, se puede llevar con licencia, etc. Se puede poner a través de una fundición o también en tu propia página web pero no tendrías los mismo beneficios. Depende de como quieras comercializarla.

7.2. Fundamentos del diseño tipográfico

• Definir las características de las familias tipográficas que uno pretende crear. Las características a tener en cuenta son el peso, el eje de modulación, el ancho de la letra, la altura de x, el contraste entre los trazos, los remates.

• Correcciones ópticas: intentamos buscar una coherencia formal, ya que hay que tener en cuenta las características de todos los caracteres.

• También existen correcciones puntuales como por ejemplo en la E mayúscula, para que parezca más equitativo se coloca a barra horizontal del medio un poco más arriba.

          En el caso de la O se puede ver que no es totalmente redonda, es decir, el trazo de arriba es más           estrecho que el de los laterales.

• Espaciado: aquí podemos encontrar la prosa o kerning que es más dada entre caracteres; los numerales entre números; los espacios verticales son entre líneas; y el acoplamiento que consiste en superponer los espacios.

7.3. Programas tipográficos

Existen varios programas en los cuales podemos diseñar nuestra propia tipografía:

• FontForge: es un software libre solo para Linux. En todos los programas tipográficos aparece una ventana donde se puede trabajar libremente junto con otra ventana donde aparecen todos los caracteres que vamos realizando y solo con hacer clic se puede modificar.

• FontLab: Es un software tanto para Windows como para mac. Se dedica más a la edición de tipos.

• Fontgrapher: Es un software tanto para Windows como para mac.  Se dedica más al diseño de tipos. Pertenece al grupo de fontlab pero ahora pertenece a otro grupo. Existe otro como typetools, es un programa más básico dedicado a estudiantes y es mucho más sencillo.

• Glyphs: Dedicado solo para Mac, es un programa que le hace mucha competencia a FontLab.

• Robofont: es un programa dedicado a la postproducción. Es utilizado para máster.

• iFontMaker: es una aplicación para ipad que se dedica a crear tipografías.

7.4. Tipografía creativa

• Tipo creativa vs tipo de edición

• Texto como imagen que se puede llevar incluso a metáforas visuales.

• Fuentes libres, decorativas y visuales.

Pechakucha. FontShop

Fontshop from MLRP_14

FontShop, fundición digital

https://c2.staticflickr.com/4/3563/4650528389_0178f302dd.jpg

FontShop es una fundición tipográfica fundada en Berlín en los años 90 por Joan y Erik Spiekermann.

Fue la primera distribuidora de fuentes en la historia de la tipografía digital.

Existen cuatro FontShops independientes: Austria, Benelux, Alemania, E.E.U.U.

http://netdna.webdesignerdepot.com/uploads/2011/07/spiekermann_erik.jpg

Erik Spiekermann actualmente es tipógrafo y diseñador alemán. Estudió historia del arte en la Universidad de Berlín. Trabajó como freelancer en Londres. Fundó MetaDesign 8es la firma de diseño más grande de Alemania).

Algunas de sus primeras tipografías fueron Meta y Officina.

https://upload.wikimedia.org/wikipedia/commons/f/f8/Meta-Schriftprobe.png

Meta es una tipografía clave de la década de los 90. Fue diseñada para emplearse en tamaños pequeños. Se pretendía que fuera duradera y adaptable tanto en pantalla como en impresión.

https://laprestampa.files.wordpress.com/2014/07/familias-de-tipografia-serial-itc-officina.jpg?w=547

Officina es una familia tipográfica que cuenta con dos subfamilias que aumenta su flexibilidad. Su estilo se basa en el de las tipografías de las máquinas de escribir, pero más moderna.

https://www.microsoft.com/typography/links/563hot.gif

FontFont es la mayor biblioteca del mundo de tipos de letra contemporáneas originales.

https://adobe99u.files.wordpress.com/2014/06/neville-brody-portrait.jpg

Dos años después se une a FontShop el diseñador y tipógrafo Neville Brody. Brody decidió editar Fuse con un viejo amigo como Erik Spiekermann. Fuse fue un lanzamiento que ropió con todas las espectativas del diseño y la tipografía llevándoles a espacios radicalmente nuevos e imprevistos.

Años más tarde Brody fundó Research Studios, su propia asociación.

FF Beowolf fue la primera tipografía creada por FontShop.

https://www.fontfont.com/staticcontent/images/original/fontbook_600.jpg?1301891346

FontShop también tiene un gestor de fuentes avanzado llamado FontBook.

Al igual que también tienen una extensión para Google Chrome que te permite probar con diferentes fuentes llamada Webfonter.

http://www.ugm.cl/industrias-creativas/wp-content/uploads/2015/10/Webfonter.jpg

Actualmente esta fundición fue adquirida por la indrustria Monotype.

Unidad 6: Tipografía digital

“La era digital ha supuesto una verdadera explosión. En unas pocas décadas, se han diseñado más tipos que en la historia anterior de la tipografía”. Wilhide.

http://graffica.info/wp-content/uploads/tabla_tipos.jpg

6.1. Tipografía digital

Concepto de tipografía digital: 

El origen de la tipografía digital se encuentra en las tecnologías que hicieron posibles estas tipografías, como por ejemplo los ordenadores personales, las primeras impresoras, programas de maquetación, postscript, WYSIWYG, esta nueva tecnología dio pie a diseñar nuevas tipografías que se adaptasen a los nuevos soportes del momento. 

Al principio de estos diseños se fueron recuperando las tipos más conocidas como por ejemplo Bembo, Garamond. La historia de estas tipos la podéis encontrar en uno de mis anteriores posts, aquí tenéis el enlace. Historia tipográfica

Una fuente digital cabe pensar que es como “un saco” que se meten todos los caracteres. En lenguaje técnico se puede decir que es un software que contiene elementos de programación. No solo es un conjunto de caracteres sino que se trata de algo mucho más complejo. 

http://www.unostiposduros.com/wp-content/uploads/2008/09/fcpmain.gif

En cuanto a las características, se puede observar que contienen caracteres alfabéticos, numerales y otros signos de puntuación. 

Otra de las características de una fuente tipográfica suelen ser familias tipográficas, es decir, las diferentes versiones como cursiva, negrita, etc. 

También tienen elementos gráficos comunes, dentro de las familias tipográficas, algunos de sus caracteres son comunes como los remates o la altura de x. 

También es importante hablar sobre la importancia de las fuentes tipográficas hoy en día, ya que muchos de nuestro ordenadores contienen infinitas y eso hace que afecte al rendimiento del mismo. Por ello, decidieron crear unos gestores tipográficos, los cuales se encargan de habilitar y deshabilitar las fuentes que nosotros queramos en cualquier momento. Es una manera de economizar recursos.

si te interesa un poco el tema haz clic aquí y podrás ver algunas de las aplicaciones que hay en el mercado.

http://denielleemans.com/wp-content/uploads/2013/02/fontbook.png

6.2. Las fuentes tipográficas

Dentro de las fuentes tipográficas se pueden distinguir dos tipos, como son mapa de bits y vectoriales.

• Las fuentes de mapa de bits fueron las primeras que se incorporaron a los primeros ordenadores. Poco a poco la tecnología fue avanzando a pasos agigantados y decidieron crear fuentes vectoriales, puesto que las fuentes bitmap ya no tenían esa precisión que se demandaba en el mercado.

http://evolucao-dos-computadores.f1cf.com.br/images/cfpc_160-1.jpg

          Se creó el "antialiasing" consistía en una herramienta para poder matizar los contrastes de los               pixeles.

http://blog.revolution-computer.com/wp-content/uploads/2015/02/untitled.jpg

• Vectoriales: Adobe postscript, este fue el primer programa vectorial que se creó. Más tarde Apple y Microsoft crearon otra alternativa llamada True Type (1991). Además de esta alternativa crearon otra llamada OpenType, que a partir del año 2000 Microsoft pesó que tenía que revolucionar el mundo de la tecnología, así que decidió que fuera un software libre. El sistema OpenType (.otf) presenta un sistema Unicode que permite mayores caracteres.

Apple por su cuenta invento algo diferente llamado Splinex, el cual tenían funciones cuadráticas.

https://tiposformales.files.wordpress.com/2010/09/figura_xx_nodos_y_manejadores_4.jpg

6.3. Legibilidad en pantalla

Existe un termino llamado Hinting, este define que pixeles va a utilizar cada carácter tipográfico ajustándose a la vez a su tamaño y resolución de pantalla. Una buena fuente tiene muchas instrucciones de cada carácter y a la vez muchísima programación.

En una fuente aparte de caracteres y programación existe una cosa muy importante como el espacio entre letras.

En cuanto a la administración de fuentes, existen diferentes usos de una fuente en un ordenador como su instalación y también la carga temporal, e incrustar (embedding).

http://letrag.com/imaxes/hinting.jpg

6.4. Fundiciones digitales

Existen muchas fundiciones digitales, aquí os muestro algunas de ellas por si os resulta de interés:

• My fonts viene de la industria de monotype y quizás se considere una de las más grandes.

http://assets.markwyner.com/i/tumblr/myfonts.gif

• FontShop pertenece a Erik Spierkemann y Neville Brody, se han ido adaptando a los nuevos tiempos sacando nuevas aplicaciones para móviles y ipad. 

http://www.michaeldoret.com/blog/wp-content/uploads/2009/07/fs_logo_lg.gif

• Linotype también se recicló dejando a un lado las máquinas para dedicarse también al mundo de las fuentes digitales.

http://www.supremecreative.co.uk/wp-content/uploads/2012/01/linotype_the_film01.jpg

• Fonts.com esta fundición también pertenece a la industria de monotype.

https://www.horizoninteractiveawards.com/assets/images/pages/fonts-award.png

• Hype for type, esta fundición es bastante actual pero poco a poco se va adentrando en e mercado con éxito.

http://sitebureau.com/wp-content/uploads/2015/06/hype-for-type-logo.png

• Creative market no solo se dedica a la tipografía sino que también se dedica a administrar otro tipo de recursos.

http://siliconflorist.com/wp-content/uploads/2012/01/Creative-Market.jpg

• Emigre también tiene una sección dedicada al comercio de fuentes tipográficas

http://www.emigre.com/Images/TBSCR.JPG

Existen tarifas como la que propone adobe : Typekit

Fontstand: propone el alquiler de tipografías.

http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2015/05/fontstand-logo-rgb.jpg

6.5. Tipo de soportes digitales

Encontramos varios soportes digitales como la web, los móviles, los libros electrónicos y texto y programación:

• Web: Uno de los primeros avances que hubo en la web fueron las hojas de estilo (.css), la cual se encargaba de definir con iban a ser los textos de los contenidos webs. En la primera versión el css no permitían integrar fuentes. En cambio, cuando llegó la segunda versión incluyeron una nueva función llamada @fontface, la cual hacía que cualquier fuente que pusieras iba a estar incrustada. Pero esta función facilitó la piratería de fuentes tipográficas.

          Más tarde sacaron otra versión, la Css 2.1, esta eliminó esa última función incorporada. y más             adelante, en el año 2008 sacaron la Css3 junto con Firefox y safari, lo cuales crearon                           alojamientos para fuentes virtuales.

http://www.technokrats.in/images/css.jpg

• Móvil/Tablet: Actualmente es muy conocido el término mobile first, es decir, que se piensa primero como hacer por ejemplo una web adaptada a los móviles y tables y por último a los ordenadores, puesto que hoy en día los dispositivos más utilizados son los móviles y las tablets.

• Libros electrónicos.

• Texto y programación: Existen varios elementos de programación.
• Processing: este lenguaje fue creado para diseñadores y artistas, se trata de un lenguaje de programación muy básico.
• Scriptographer: se trata de un plugin de Adobe Illustrator.
• Paper. js:
• Natebox
• Cinder