new - Google Web Fonts en páginas HTTPS en Chrome
roboto font for web (2)
Elimine el protocolo de su URL y deje que el navegador lo determine:
<link href="//fonts.googleapis.com/css?family=PT+Sans" ...
Si su página es HTTPS, la fuente se cargará desde la URL de HTTPS. Si la página es HTTP, se cargará desde la URL HTTP.
Estoy trabajando en un proyecto de comercio electrónico. Partes del sitio son HTTP por defecto. Otros, como la página de pago, son HTTPS por defecto. En las páginas HTTPS recibo este mensaje en la consola en Chrome:
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=PT+Sans.
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700.
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Patua+One.
Las fuentes están vinculadas en el encabezado del documento de esta manera:
<link href=''http://fonts.googleapis.com/css?family=PT+Sans'' rel=''stylesheet'' type=''text/css''>
<link href=''http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700'' rel=''stylesheet'' type=''text/css''>
<link href=''http://fonts.googleapis.com/css?family=Patua+One'' rel=''stylesheet'' type=''text/css''>
Se ve bien en otros navegadores que he probado hasta ahora.
Crear un esquema de url agnostic
Cambie http://fonts.google... a //fonts.google...
Elimine http: o https: desde el frente, el navegador utilizará el esquema que esté utilizando actualmente en el sitio.
Puede solicitar recursos usando
httpsdehttp, pero no al revés. Una alternativa a la solución anterior (y probablemente la mejor práctica) es usar siemprehttpssi está disponible (que debe ser si está usando este estilo de enlace, de lo contrario no tiene sentido).