Nuestros visitantes preguntan:
He leído su blog para estar al día con Genesis Framework, que actualmente utilizo con un tema hijo en mi sitio de comercio electrónico (WooCommerce instalado, páginas de pago y registro protegidas con protocolo https). Por favor podrían darme alguna luz sobre cómo utilizar Google Fonts en Genesis Framework con y sin certificado SSL ???
Espero que puedan ayudarme.
Un abrazo, Pablo.
Respuesta:
Gracias por visitar continuamente nuestro blog 🙂 , a continuación te mostramos cómo utilizar Google Fonts en Genesis Framework con y sin certificado SSL:
Vía hoja de estilos: «style.css»
Una vez que obtengas la URL de la fuente a integrar, existen 2 opciones para utilizar Google Fonts en Genesis Framework. La primera opción consiste en importar las fuentes que deseas utilizar a través de la hoja de estilos «style.css» del tema hijo del framework.
Asegúrate de utilizar un código similar al siguiente (se ejemplifica el uso de la fuente «Open Sans: 400 y 600«):
Observa que en la URL hemos omitido el protocolo «http«, permitiendo al navegador del usuario determinar el protocolo correcto a cargar. Esta práctica corresponde al uso de «protocolo relativo de URL» o «protocol relative link«.
Vía archivo: «functions.php»
La segunda opción consiste en cargar las fuentes vía archivo «functions.php» del tema hijo del framework. Esta es la opción más eficiente y la que te sugerimos utilizar, – también omitimos el protocolo «http«.
Para implementar esta opción utiliza un código similar al siguiente:
Recuerda cambiar el nombre de la fuente y los estilos que deseas utilizar.
si entro a mi blog desde mi móvil no se ve con la google font!! ¿no es lo normal, no?
Hola @Jon
Google Web Fonts debe funcionar bien en los dispositivos móviles recientes, te sugiero revisar la sección de preguntas frecuentes de google: General FAQ para obtener más información. Un saludo!