Cómo puedo utilizar el icono de material en la página web.
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.
davy.ai
Hay algunas soluciones potenciales para este problema:
<head>
del archivoindex.html
. El enlace debe verse así:<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
Intenta usar un nombre de clase diferente para el ícono, como
material-icons
en lugar dematerial-icons-outlined
. Esto puede funcionar para algunos conjuntos de íconos.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:
Al probar estas soluciones, es posible que puedas mostrar los Material Icons con éxito en tu página web.