vue utiliza en el proyecto iconfont

Una dirección de referencia directa

  1. iconfont mi proyecto era generar direcciones:

  2. Presentación de la dirección anterior en la cabeza index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link rel="icon" href="/favicon.ico">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_454988_dqx9pnwoxh7.css">
    <title>my</title>
  </head>
  <body>
    <div id="app"></div>
    <script>
      if (!!window.ActiveXObject || 'ActiveXObject' in window) {
        alert('本网站不支持任何版本的IE浏览器, 建议使用Chrome浏览器访问')
      }
    </script>
  </body>
</html>

Este método es sencillo y rápido, pero eso dependerá de la dirección externa del css, puede provocar la inestabilidad del sistema

II. El archivo se descarga en el proyecto iconfont

  1. Descargar y descomprimir el archivo

  2. La copia de archivos de descompresión de archivos estilos en el proyecto, y ha cambiado el nombre iconfont

  3. La introducción del proyecto (Me presenté aquí en los estilos de index.less)
@import "./font/iconfont.css";

De esta manera cada vez que se cambia el icono debe volver a descargar y reemplazar los archivos del proyecto, la operación es cierto relativamente sin problemas, pero las fuentes en sus propios proyectos, sería más estable y no causa un problema no puede ser utilizado debido a los sitios web de otras personas

Supongo que te gusta

Origin www.cnblogs.com/XHappyness/p/12517330.html
Recomendado
Clasificación