AstroPardo
Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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/>
2. Segunda alternativa: Código y Font para agregar antes de <head/>
3. Modificación obligatoria: Además de agregar la fuente a su plantilla de Blogger, siempre recuerden cambiar el parámetro font-family.
4. ¿Cómo se ven? Ejemplo de la fuente Google Sans Text funcionando en Blogger.
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).
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&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).
Última edición:
