Шрифты Awesome не загружают иконки в Chrome в некоторых случаях - PullRequest
Новая
       20

Шрифты Awesome не загружают иконки в Chrome в некоторых случаях

0 голосов
/ 10 октября 2018

Я использую Font Awesome 5.3.1 через CDN.В Chrome значки загружаются правильно, когда вы используете стандартный метод, но они не загружаются при ссылке из CSS.Я видел, что у многих других людей есть проблемы с Font Awesome и Chrome, но ни одно из решений, которые я видел, не подходит и не работает для меня.Я попытался поместить это в мой файл .htaccess: 

<FilesMatch ".(eot|ttf|otf|woff)">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>

, и это не имело никакого эффекта.Может быть, это не относится ко мне в любом случае, потому что я сам не размещаю файлы шрифтов.

Вот пример того, что работает, а что нет в Chrome: 

<!doctype html>
<html>
<head>
    <title>Font Awesome Problem</title>
    <meta charset="utf-8" />

    <!-- FONT AWESOME -->
    <script>FontAwesomeConfig = { searchPseudoElements: true }</script>
    <link href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous" rel="stylesheet" >

    <style type="text/css">
        .foo::before {
            font-family: "Font Awesome 5 Free";
            content: "\f00c";
            padding-right: 5px;
        }
    </style>
</head>
<body>
    <i class="fas fa-check"></i> This checkmark was placed using the basic &lt;i&gt; tag method.

    <p class="foo">This checkmark was placed before the p tag with CSS.</p>
</body>

...