шрифт не изменился, даже если импортирован в таблицу стилей css?

#css #browser #fonts

#css #браузер #шрифты

Вопрос:

Я использую CMS и поэтому могу вносить изменения только в файл CSS. У меня есть следующий код в этом файле:

 <style>
 @import url('https://fonts.googleapis.com/css2?family=Montserratamp;display=swap');




.h1_section_hero {

Font-family: 'Montserrat';

}

</style>

Однако он не меняется в браузере. Я предполагаю, что мне не нужно загружать шрифт, поскольку я импортирую его в файл? Спасибо

Ответ №1:

Похоже, что ваша ссылка на шрифт Google недействительна, вам не хватает ? между css2 и family ключом:

 'https://fonts.googleapis.com/css2?family=Montserratamp;display=swap'

Если вы откроете оба URL-адреса в своем браузере, вы увидите, что ваш исходный URL-адрес поврежден, и что правильный выше показывает шрифты.

1. спасибо, но у него есть вопросительный знак, Джейми, возможно, я удалил его по своей ошибке при вводе отступа в код здесь..

2. О, хорошо, никаких проблем, извините, это не было решением!

Ответ №2:

Создайте отдельную ссылку на таблицу стилей, а не пытайтесь импортировать. Приведенная ниже разметка взята из документа Google Fonts API и отлично работает в моем браузере:

 <!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet"
          href="https://fonts.googleapis.com/css2?family=Crimson Pro">
    <style>
      body {
        font-family: 'Crimson Pro', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>

1. спасибо, но я тоже пробовал это, однако он по-прежнему не отображается. Что также странно, так это то, что когда я меняю шрифт в инструментах разработчика Chrome, он по-прежнему не отображается..

2. @gilesj Вы сказали, что это на CMS? Есть ли администратор, к которому вы можете обратиться за поддержкой?

3. да, я буду гоняться завтра, просто хотел посмотреть, есть ли что-нибудь, что я мог бы попробовать сегодня

4. Понятно. Моя гипотеза заключается в том, что на сервере CMS что-то блокирует импорт. Администратор может рассказать вам, что происходит, и, возможно, дать вам обходной путь. Удачи.