{"id":900,"date":"2020-08-06T11:43:13","date_gmt":"2020-08-06T14:43:13","guid":{"rendered":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/?page_id=900"},"modified":"2025-08-18T10:49:58","modified_gmt":"2025-08-18T13:49:58","slug":"fuentes-opentype-variables","status":"publish","type":"page","link":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/?page_id=900","title":{"rendered":"fuentes Opentype variables"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"900\" class=\"elementor elementor-900\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2b404ff elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2b404ff\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b37989f\" data-id=\"b37989f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d897228 elementor-widget elementor-widget-text-editor\" data-id=\"d897228\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Las fuentes OpenType variables (Opentype variable fonts) son una adaptaci\u00f3n de las variaciones de fuente TrueType GX de Apple a OpenType. El archivo de estas fuentes tiene extensi\u00f3n ttf. La tecnolog\u00eda que involucra permite acceder a cualquier instancia de un conjunto de dise\u00f1os predefinidos, dentro de un archivo de fuente. Cuando se ha seleccionado una instancia de dise\u00f1o espec\u00edfica, los contornos de los glifos (u otros datos para esa instancia de dise\u00f1o) son calculados a medida que se procesan los datos de la fuente, durante el delineado del \u00a0texto y su rasterizaci\u00f3n. La tecnolog\u00eda utiliza mecanismos de interpolaci\u00f3n y extrapolaci\u00f3n que han sido compatibles con las herramientas de desarrollo de fuentes y que han sido utilizados por los dise\u00f1adores de fuentes durante muchos a\u00f1os. \u00a0En este paradigma, el dise\u00f1ador de fuentes crea un dise\u00f1o variable y luego tiene dos posibilidades:<\/p><ul><li>Elegir instancias espec\u00edficas para generar fuentes est\u00e1ticas, no variables, que se pueden distribuir por separado.<\/li><li>Distribuir la fuente con variabilidad incorporada. En este caso, los mecanismos de interpolaci\u00f3n (que est\u00e1n previstos en el c\u00f3digo de la fuente) pueden integrarse en sistemas operativos y navegadores web u otras aplicaciones, con instancias de dise\u00f1o espec\u00edficas que se seleccionan en el momento del uso.<\/li><\/ul><p>Una de las ventajas clave de la tecnolog\u00eda, es que puede reducir significativamente el peso de la \u00a0fuente cuando se usan varios estilos, con respecto a emplear un archivo por cada estilo. En la Web, esto puede facilitar que un sitio use m\u00e1s estilos de fuente y, al mismo tiempo, reduzca los tiempos de carga de la p\u00e1gina. Adem\u00e1s, desde el punto de vista del dise\u00f1o, permite el acceso a una gama continua de variaciones de estilo.<\/p><h5>Fuente: <a href=\"https:\/\/en.wikipedia.org\/wiki\/Variable_fonts\">https:\/\/en.wikipedia.org\/wiki\/Variable_fonts<\/a><\/h5>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-faf6add elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"faf6add\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e195289\" data-id=\"e195289\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca99a41 elementor-widget elementor-widget-video\" data-id=\"ca99a41\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/Wxo7uJYZico&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-d5676b9\" data-id=\"d5676b9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8df01ea elementor-widget elementor-widget-text-editor\" data-id=\"8df01ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #333333;\">Aqu\u00ed te mostramos un ejemplo de una fuente Opentype variable.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-340f8f4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"340f8f4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-00e514b\" data-id=\"00e514b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-05a0be6 elementor-widget elementor-widget-text-editor\" data-id=\"05a0be6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Para ampliar informaci\u00f3n te recomendamos la lectura de <a href=\"https:\/\/bauertypes.com\/es\/el-futuro-de-las-fuentes-variables\/\" target=\"_blank\" rel=\"noopener\">este art\u00edculo de Natalia Weber<\/a> publicado en el sitio de la Fundici\u00f3n Bauer.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bf5aae3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bf5aae3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-93f3d9f\" data-id=\"93f3d9f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4aa5571 elementor-widget elementor-widget-video\" data-id=\"4aa5571\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/GVduHHEVH_c?si=kBskG0ARA8XMlpu6&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9886798\" data-id=\"9886798\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e4dd876 elementor-widget elementor-widget-text-editor\" data-id=\"e4dd876\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #333333;\">Primero exploramos fuentes variables en google font y luego vemos c\u00f3mo se pueden usar en programas como Inkscape.<br \/><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c0fa099 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c0fa099\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7992891\" data-id=\"7992891\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e6c4028 elementor-widget elementor-widget-html\" data-id=\"e6c4028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/ZO3Cft0ZlWo\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f3844a7\" data-id=\"f3844a7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b18e15e elementor-widget elementor-widget-text-editor\" data-id=\"b18e15e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #333333;\">Variabilidad de las fuentes variables.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9cf3632 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9cf3632\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a092275\" data-id=\"a092275\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dffcc9c elementor-widget elementor-widget-text-editor\" data-id=\"dffcc9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #333333;\">En el siguiente <span style=\"text-decoration: underline;\"><a href=\"https:\/\/graffica.info\/spotify-lanza-su-nueva-tipografia-corporativa-spotify-mix\/\" target=\"_blank\" rel=\"noopener\"><strong>link<\/strong> <\/a><\/span>te ofrecemos un ejemplo de aplicaci\u00f3n de fuente variable usado en plataforma de m\u00fasica.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e98878 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e98878\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-4fbd9d1\" data-id=\"4fbd9d1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-35f8104\" data-id=\"35f8104\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-6edd5e2\" data-id=\"6edd5e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-7bd55e4\" data-id=\"7bd55e4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34c08e4 elementor-align-right elementor-widget elementor-widget-button\" data-id=\"34c08e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/?page_id=859\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-hand-point-left\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">volver<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Las fuentes OpenType variables (Opentype variable fonts) son una adaptaci\u00f3n de las variaciones de fuente TrueType GX de Apple a OpenType. El archivo de estas fuentes tiene extensi\u00f3n ttf. La&#8230; <a href=\"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/?page_id=900\">Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-900","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=900"}],"version-history":[{"count":52,"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions"}],"predecessor-version":[{"id":14100,"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/900\/revisions\/14100"}],"wp:attachment":[{"href":"https:\/\/tecnologiadegraficadigital2.faud.unsj.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}