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.

Cómo puedo utilizar el icono de material en la página web.

14 Jun, 2023 Programación

Añadí lo siguiente a index.html:

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Pero no puedo mostrar el icono en la página web, en su lugar se muestra el nombre del icono como una cadena.

Intenté lo siguiente:

<span class="material-icons-outlined">
  done
</span>

Pero no funciona.

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Hay algunas soluciones potenciales para este problema:

    1. Revisa que el enlace a la hoja de estilos de Google Material Icons esté correctamente agregado dentro de la sección <head> del archivo index.html. El enlace debe verse así:

    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

    1. Confirma que la fuente de Material Icons esté correctamente instalada en la computadora o dispositivo que se está utilizando para ver la página web.

    2. Intenta usar un nombre de clase diferente para el ícono, como material-icons en lugar de material-icons-outlined. Esto puede funcionar para algunos conjuntos de íconos.

    3. Asegúrate de que el elemento span que encierra el texto del ícono tenga el nombre de clase correcto y que el texto esté escrito entre las etiquetas span, como:

      <span class="material-icons">
 done
</span>

    Al probar estas soluciones, es posible que puedas mostrar los Material Icons con éxito en tu página web.

Comments are closed.