otf lato google font css internet-explorer fonts

lato - IE 11: error CSS3111 en mi propio código, y google.com/fonts no genera ninguna fuente



font face otf (5)

En Windows 10 hay tres niveles para el bloqueo de fuentes:

  • Configuraciones de seguridad de IE para descargar fuentes (parte del usuario)
  • Opción "bloqueo de fuente no confiable" (nivel de computadora)
  • Opción "Habilitar proveedores frontales" (nivel de computadora)

Tienes que habilitar todo, para que funcione.

Estoy desarrollando un sitio web que utiliza la fuente de Google Open Sans como:

<link href=''https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,800italic,800,700'' rel=''stylesheet'' type=''text/css''>

Normalmente, uso Chrome cuando trabajo con mi sitio web, pero hoy decidí ver cómo se ve en IE 11 (11.0.10240.16431) en Windows 10. Desafortunadamente, Open Sans no se carga ni se procesa correctamente. Veo muchos de estos errores en la consola de herramientas de desarrollo:

CSS3111: @font-face encountered unknown error. PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff

Pensando que era extraño, previamente había desarrollado un sitio que cargaba Google Fonts en IE 10, me dirigí a https://www.google.com/fonts . Más errores de CSS3111 , con cada fuente personalizada mostrada en serif en su lugar:

¿Está Google Fonts simplemente roto para IE 11? Las fuentes se cargan correctamente en Edge, Chrome, Firefox, etc. No sé cómo proceder para que estas fuentes funcionen en IE.

ACTUALIZACIÓN 1

Al establecer el modo de documento emulado en 8 en IE 11, las fuentes se representan correctamente. Sin embargo, IE 9+ aún mostraba los mismos problemas. ¿Es esto algún tipo de procesamiento incorrecto de cadenas de agente de usuario por Google, tal vez?

ACTUALIZACIÓN 2

Fui a FontSquirrel y descargué Open Sans en todos sus formatos. También importé el CSS provisto en el ZIP. Desafortunadamente, IE y ahora Firefox continúan informando que no se puede usar la fuente. Firefox dice downloadable font: not usable by platform .

ACTUALIZACIÓN 3

He confirmado que la configuración de Descarga de fuentes de IE está establecida en Habilitada para todas las zonas de seguridad.

No te preocupes por el bloqueo de fuentes. Convierte tus fuentes en base64 e incluye a través de CSS. De esta manera, usted empuja las fuentes a través del código del navegador y los archivos de fuentes no se descargan de la manera habitual. Este es también un problema de DISA STIG para deshabilitar las fuentes descargables. La solución se puede ver en este post y también se puede copiar aquí:

Solo necesitas la fuente Base64 e incluirla en un archivo CSS. Asegúrese de eliminar su llamada al archivo WOFF descargable una vez que incluya la llamada al nuevo FontAwesomeB64.css

Utilice https://www.base64encode.org/ para codificar el archivo de fuente WOFF Font-Awesome.

Edite el archivo resultante y agregue estas líneas. Cuando llegue a la línea src: url, asegúrese de ejecutarla directamente en la información base64 que recibió (no use los signos mayor o menor que se muestran aquí). Al final de esa información base64 agregue la comilla simple , paréntesis, un punto y coma y llaves para terminar:

@font-face { font-weight: 400; font-style: normal; font-family: ''FontAwesome''; src:url(data:application/x-font-woff;base64,<insert base64 code here>);}

Ahora tiene un archivo CSS base64 de la fuente Font-Awesome que omite todas las configuraciones de negación de descarga de fuentes en los navegadores.

Descubrí que esto funciona con todas las fuentes, un poco más pesado en la descarga pero que vale la garantía de funcionalidad.

Para mí, este problema fue causado por una característica de Windows 10 llamada Bloqueo de fuentes no confiable . La red de mi oficina tenía esto activado en nuestra configuración de políticas de grupo.

Con esta función, puede activar una configuración global que evite que los usuarios carguen fuentes no confiables que son procesadas por la interfaz de dispositivo de gráficos (GDI). Las fuentes que no son de confianza son aquellas que se instalan fuera del directorio% windir% / Fonts. https://support.microsoft.com/en-us/kb/3053676

Para deshabilitar el Bloqueo de fuentes no confiables usando la Política de grupo:

  1. Editor de gestión de políticas de grupo abierto
  2. En Política de equipo local, expanda Configuración del equipo, expanda Plantillas administrativas, expanda Sistema y luego haga clic en Opciones de mitigación.
  3. En la configuración de Bloqueo de fuentes no confiables, seleccione No bloquear fuentes no confiables.

Para deshabilitar el Bloqueo de fuentes no confiables usando el Editor del Registro:

  1. Abra el Editor del Registro (regedit.exe) y vaya a la siguiente subclave del registro: HKEY_LOCAL_MACHINE / SYSTEM / CurrentControlSet / Control / Session Manager / Kernel /
  2. Si la clave MitigationOptions no está allí, haga clic con el botón derecho y agregue un nuevo Valor QWORD (64 bits), nombrándolo como MitigationOptions.
  3. Para desactivar esta función. Escriba 2000000000000.

IMPORTANTE: se requiere reiniciar la computadora para que los cambios surtan efecto

Tengo este problema exacto en muchas máquinas con Windows 10 / IE 11 (es decir, las fuentes web no funcionan y dan errores CSS3111 en la consola de depuración). En todos los casos, el firewall ya estaba activado (y administrado por la política de grupo).

Encontré que deshabilitar el firewall en el registro HKLM / SYSTEM / CurrentControlSet / Services / SharedAccess / Parameters / FirewallPolicy / DomainProfile / EnableFirewall = 0 seguido de un reinicio, luego configurarlo de nuevo y reiniciar nuevamente soluciona el problema.

La otra cosa que siempre soluciona el problema es deseleccionar "Internet Explorer" en las Características de Windows, reiniciar, luego volver a seleccionar "Internet Explorer" y reiniciar nuevamente.

Mi conjetura es que esto es algún tipo de error interno del cortafuegos de Windows y las dos acciones anteriores activan el servicio del cortafuegos para limpiar algún tipo de corrupción interna.