{"id":250,"date":"2019-01-03T12:48:34","date_gmt":"2019-01-03T10:48:34","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/?page_id=250"},"modified":"2019-01-03T12:48:34","modified_gmt":"2019-01-03T10:48:34","slug":"4-3-fuentes-para-impresion-frente-a-fuentes-para-pantalla","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/4-3-fuentes-para-impresion-frente-a-fuentes-para-pantalla\/","title":{"rendered":"4.3. Fuentes para impresi\u00f3n frente a fuentes para pantalla"},"content":{"rendered":"

Las fuentes para impresi\u00f3n o desktop fonts<\/em> \u2014tambi\u00e9n llamadas fuentes de escritorio\u2014 han sido dise\u00f1adas para su uso en sistemas de impresi\u00f3n tradicionales sin conexi\u00f3n y planteadas para ser reproducidas en alta resoluci\u00f3n \u2014a partir de 150 puntos por pulgada (ppp).<\/p>\n

Este tipo de fuentes est\u00e1n dise\u00f1adas para poder instalarse en el ordenador personal y para poder ser usadas en aplicaciones como Microsoft Word o Adobe Illustrator. Algunas fuentes disponen de caracter\u00edsticas especiales en sus versiones OpenType que le dan al usuario gran flexibilidad para dise\u00f1ar, como los caracteres alternativos o los diferentes numerales.<\/p>\n

Suelen tener una extensi\u00f3n .otf, .ttf o .ps1, que corresponden a los formatos OpenType, TrueType o PostScript.<\/p>\n

\"\"
Tipograf\u00eda Times New Roman, dise\u00f1ada en 1932 por Stanley Morison en exclusiva para el peri\u00f3dico The Times<\/em>.<\/figcaption><\/figure>\n
\"\"
Tipograf\u00eda Helvetica, dise\u00f1ada en 1957 por Max Miedinger y planteada para su aplicaci\u00f3n en carteler\u00eda e imagen corporativa.<\/figcaption><\/figure>\n
\"\"
Tipograf\u00eda Din 1451, encargada por la Deutsches Institut f\u00fcr Normung en 1931 y dise\u00f1ada exclusivamente para aplicar en se\u00f1alizaci\u00f3n y r\u00f3tulos en viales.<\/figcaption><\/figure>\n

Las fuentes para pantalla, tambi\u00e9n llamadas web<\/em> fonts<\/em>, son tipograf\u00edas cuyo dise\u00f1o est\u00e1 planteado en exclusiva para su uso en dispositivos de baja resoluci\u00f3n \u201472 puntos por pulgada (ppp)\u2014, como las p\u00e1ginas web, los smartphones<\/em> o tabletas. Este tipo de fuentes se cargan mediante CSS por la regla @font-face; esto hace que el navegador del usuario pueda descargar la web font<\/em> de los servidores, de las respectivas fundiciones digitales y pueda renderizar correctamente los textos de forma correcta para una buena visualizaci\u00f3n.<\/p>\n

A diferencia de las fuentes desktop<\/em>, las tipograf\u00edas web no pueden instalarse en el sistema para su uso en diferentes aplicaciones.<\/p>\n

Los formatos m\u00e1s comunes en este tipo de fuentes son los siguientes:<\/p>\n

    \n
  • WOFF (Web Open Font format)<\/strong>. Desarrollado durante el a\u00f1o 2009, contiene tipograf\u00edas OpenType o TrueType con metadatos (grupos de datos que describen el contenido informativo de un objeto) en formato comprimido. Creado por Mozilla, Microsoft y Opera Software con el objetivo de ser usado exclusivamente en web, su compresi\u00f3n permite cargar m\u00e1s r\u00e1pido y los metadatos permiten incluir la informaci\u00f3n de las licencias en el archivo de fuentes.<\/li>\n
  • EOT (Embedded Open Type)<\/strong>. Este formato es un poco particular, ya que es un tipo de fichero propio creado para Internet Explorer debido a que este no soporta todas las caracter\u00edsticas que ofrece @font-face. Podr\u00edamos decir que se ha creado a medida solo para este tipo de navegador. A nivel de caracter\u00edsticas de datos y compresi\u00f3n, son las mismas que el formato WOFF.<\/li>\n<\/ul>\n
      \n
    • SVG (Scalable Vector Graphics)<\/strong>. Este formato de fuentes contiene atributos similares a las de un elemento vectorial, es decir, son escalables y no pierden definici\u00f3n. Aun as\u00ed, el mayor inconveniente del formato SVG es la falta de informaci\u00f3n extra de la fuente para representar tama\u00f1os peque\u00f1os con calidad y legibilidad en la pantalla. Eso significa que no es muy aconsejable si se quiere trabajar en cuerpos de texto peque\u00f1os. Si el proyecto en l\u00ednea es para usuarios de iPhone y iPad, las fuentes SVG son la mejor opci\u00f3n, pues es el \u00fanico permitido para el navegador Safari y el sistema operativo iOS.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

      Las fuentes para impresi\u00f3n o desktop fonts \u2014tambi\u00e9n llamadas fuentes de escritorio\u2014 han sido dise\u00f1adas para su uso en sistemas de impresi\u00f3n tradicionales sin conexi\u00f3n y planteadas para ser reproducidas en alta resoluci\u00f3n \u2014a partir de 150 puntos por pulgada (ppp). Este tipo de fuentes est\u00e1n dise\u00f1adas para poder instalarse en el ordenador personal y […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/250"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":2,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/250\/revisions"}],"predecessor-version":[{"id":288,"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/pages\/250\/revisions\/288"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/tipografia-avan\/es\/wp-json\/wp\/v2\/media?parent=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}