Fonte Google Sans para Blogger

AstroPardo · 20/10/2023

Tras una semana de intenso aprendizaje, deseo compartir un importante recurso: la "Google Sans Font", una tipografía de la que Google Fonts no permite la descarga en su sitio web. Esta es la misma fuente que emplea la gran "G" en su servicio de publicidad, Adsense.

Sin más preámbulos, pongo a su disposición las fuentes Google Sans configuradas para ser utilizadas en la plataforma Blogger.

1. Primera alternativa: Código (original) que se agrega antes de <head/>

HTML:

<link rel='preconnect' href='https://fonts.googleapis.com'/>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin='anonymous'/>
<link href='https://fonts.googleapis.com/css2?family=Google+Sans+Text&amp;display=swap' rel='stylesheet'/>

2. Segunda alternativa: Código y Font para agregar antes de <head/>

HTML:

<link as='font' crossorigin='anonymous' href='https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2' rel='preload' type='font/woff2'/><style>/*<![CDATA[*/@font-face{font-family: 'Google Sans Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qE52i1dC.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family: 'Google Sans Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEl2i1dC.woff2) format('woff2'); unicode-range: U+0370-03FF;}@font-face{font-family: 'Google Sans Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEV2i1dC.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family: 'Google Sans Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qER2i1dC.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family: 'Google Sans Text'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/googlesanstext/v21/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}/*]]>*/</style>

3. Modificación obligatoria: Además de agregar la fuente a su plantilla de Blogger, siempre recuerden cambiar el parámetro font-family.

HTML:

body{font-family:'Google Sans Text',sans-serif;}

4. ¿Cómo se ven? Ejemplo de la fuente Google Sans Text funcionando en Blogger.

HTML:

https://astropardo.blogspot.com/

5. Advertencia: Es importante señalar que la fuente Google Sans posee una licencia restringida y, en consecuencia, no debe ser empleada en proyectos comerciales (guiño, guiño).

ultracobra · 24/10/2023

Yo leí que las fuente de Google descargadas con enlace en proyectos son o pueden ser causa de restricciones en la Unión Europea. Qué tan cierto es eso si sabes algo...

JuanRJhony · 24/10/2023

Yo tengo las 2 versiones de sans recientes para uso en cuerpos y encabezados en formato de sistema operativo (.ttf) y para uso web (.woff y .woff2), pero no me atrevo a utilizarlas en proyectos dado que Google es tan poderoso tecnológicamente que aún y cuando fuese una imagen presiento que las identificara rápidamente con sus algoritmos de procesamiento digital.

En Github hay un repositorio que te ofrece la versión pasada de Google Sans y esa me parece que si llego a ser libre, y por lo tanto se podría utilizar. Con las de hoy en día mi recomendación o al menos lo que hoy hago es utilizar Roboto o Noto. ¿Para que meterse en problemas? Google utiliza en varios de sus productos estas ultimas y son de uso libre.

Fonte Google Sans para Blogger

AstroPardo

ultracobra

JuanRJhony

Tópicos similares