крутые шрифты не появляются - PullRequest
Новая
       6

крутые шрифты не появляются

0 голосов
/ 28 декабря 2018

в моем package.json, у меня есть 

 "dependencies": {
    "font-awesome": "^4.7.0"
  }

в моем html, у меня есть 

<link rel="stylesheet" type="text/css" href="../node_modules/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">

Если я закомментирую вторую ссылку, ни один из моих значков шрифтов-офигенныхпоявляются и у меня только пустые прямоугольники.

в моем css, у меня есть 

fas fa-circle

Кто-нибудь видит, что я делаю неправильно?

Ответы [ 2 ]

0 голосов
/ 28 декабря 2018

для версии 4.7.0, установленной локально, я должен использовать fa вместо fas. 

    <link rel="stylesheet" type="text/css" href="../node_modules/font-awesome/css/font-awesome.css">

и пакет 

    "font-awesome": "^4.7.0"
0 голосов
/ 28 декабря 2018

Это для версии 5 и выше

В вашем HTML 

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

Затем используйте этот код 

<span><i class="fas fa-circle"></i></span> // for Solid
<span><i class="far fa-circle"></i></span> // for Regular

И это для версии 4.7.0

В вашем HTML 

 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Затем 

<span><i class="fa fa-circle-thin" aria-hidden="true"></i></span>
<span><i class="fa fa-circle" aria-hidden="true"></i></span>
<span><i class="fa fa-circle-o" aria-hidden="true"></i></span>
...