Как импортировать веб-шрифт Google в файл CSS?

У меня нет полного доступа для исправления кода в CMS DST Store, но у меня есть доступ к файлу CSS. Поэтому я не могу ничего включить в документа. Мне было интересно, есть ли способ импортировать веб-шрифт из файла CSS?

Используйте @import метод:

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

Очевидно, «Открытый Санс» ( Open+Sans) — это импортируемый шрифт. Так что замените его на свой. Если имя шрифта состоит из нескольких слов, закодируйте его по URL-адресу, добавив + подпишитесь между каждым словом, как это сделал я.

Обязательно поместите @import в самом верху вашего CSS, перед любыми правилами.

Google Fonts может автоматически генерировать @import директива для вас. Выбрав шрифт, нажмите кнопку (+) значок рядом с ним. В левом нижнем углу появится контейнер под названием «Выбрано 1 семейство». Нажмите на нее, и она расширится. Используйте вкладку «Настроить», чтобы выбрать параметры, а затем вернитесь к «Встроить» и нажмите «@import» в разделе «Встроить шрифт». Скопируйте CSS между

Добавьте приведенный ниже код в свой CSS-файл, чтобы импортировать веб-шрифты Google.

@import url(https://fonts.googleapis.com/css?family=Open+Sans);

Замените значение параметра Open+Sans на имя вашего шрифта.

Ваш CSS-файл должен выглядеть так:

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
 
body{
   font-family: 'Open Sans',serif;
}