プロジェクトiconfontで使用VUE

直接参照アドレス

  1. iconfont私のプロジェクトは、アドレスを生成することでした。

  2. 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>

この方法は、簡単かつ迅速であるが、それはシステムの不安定を引き起こす可能性があり、CSSの外部アドレスに依存します

II。このファイルは、プロジェクトiconfontにダウンロードされます

  1. ファイルをダウンロードし、解凍します

  2. スタイルファイル解凍ファイル内のプロジェクトにコピーし、名前を変更しiconfont

  3. プロジェクトの紹介(私はindex.lessのスタイルで、ここで紹介)
@import "./font/iconfont.css";

たびにアイコンを変更するには、この方法では、再ダウンロードし、プロジェクト内のファイルを置き換える必要があり、操作が比較的トラブルのいくつかのですが、自分のプロジェクトにフォントは、より安定になり、問題が他の人のウェブサイトのために使用することはできませんではないでしょう原因

おすすめ

転載: www.cnblogs.com/XHappyness/p/12517330.html