es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • Corrija @font-face { } para MATHJAX 2.7.1 para evitar un error de “Asegurar que el texto se mantenga visible durante la carga de fuentes web”.

Corrija @font-face { } para MATHJAX 2.7.1 para evitar un error de “Asegurar que el texto se mantenga visible durante la carga de fuentes web”.

15 Jul, 2023 Programación

Estoy utilizando Mathjax 2.7.1 en mi sitio web de Blogger. Funciona perfectamente para mostrar las ecuaciones. Pero cuando estoy verificando el rendimiento de mi página web, obtengo errores en Google PageSpeed Insights.

Las siguientes URL están causando un error “Ensure text remains visible during Webfont load”:

¿Cómo puedo eliminar este error? ¿Cuál es el correcto @font-face{ } para Mathjax 2.7.1?

Estoy utilizando el siguiente script para habilitar las características en mi sitio web:

<script async='async' src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js' type='text/javascript'>
    MathJax.Hub.Config({
    extensions: ["tex2jax.js","TeX/AMSmath.js","TeX/AMSsymbols.js"],
    jax: ["input/TeX", "output/HTML-CSS"],
    tex2jax: {
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
        displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
    },
    "HTML-CSS": { availableFonts: ["TeX"] }
    });
</script>

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    El error “Asegurar que el texto permanezca visible durante la carga de la fuente web” significa que la fuente no se está cargando lo suficientemente rápido, lo que hace que el texto sea invisible hasta que la fuente se cargue por completo. Para eliminar este error, necesitamos usar un @font-face{ } diferente para Mathjax 2.7.1. El @font-face{ } correcto es:

    @font-face {
    font-family: MathJax_Main;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Main-Regular.woff) format("woff");
}

@font-face {
    font-family: MathJax_Math;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff) format("woff");
}

@font-face {
    font-family: MathJax_Size1;
    src: url(https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/fonts/HTML-CSS/TeX/woff/MathJax_Size1-Regular.woff) format("woff");
}

    Reemplaza las URL existentes por las URL anteriores en tu script para usar el @font-face{ } correcto y eliminar el error.

Comments are closed.