Member 13502831 Ответов: 2

Как изменить шрифт в этом коде на merriweather?

Я хотел добавить Brainyquote Nature Quote Of The Day: Javascript Feed на свой сайт, чтобы он мог автоматически меняться сам по себе каждый день, но я не знал, как изменить шрифт. Это код, который я должен был скопировать/вставить на свою веб-страницу:

<script type="text/javascript" src="https://www.brainyquote.com/link/quotena.js"></script>
<small><a href="https://www.brainyquote.com/quotes/topics/topic_nature.html" target="_blank" rel="nofollow">more Nature Quotes</a></small>


//Выводит цитату сегодняшнего дня:

Природа Цитата дня
Читайте природу; природа - друг истины.
Эдвард Янг
больше цитат о природе

Что я уже пробовал:

Я хотел изменить шрифт на Merriweather, поэтому попытался использовать google fonts и вставить его стандартным способом, но это не изменило шрифт. Так куда же я должен поместить эту ссылку?

2 Ответов

Рейтинг:
20

John Parker

Привет,

Вам нужно применить загруженный шрифт к цитате дневной области страницы с помощью CSS:

Существуют различные способы применения CSS, ниже приведен один из способов, выделенный жирным шрифтом:

<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">

<div style="font-family: 'Merriweather', serif;">
<script type="text/javascript" src="https://www.brainyquote.com/link/quotena.js"></script>
<small><a href="https://www.brainyquote.com/quotes/topics/topic_nature.html" target="_blank" rel="nofollow">more Nature Quotes</a></small>
</div>


Это заключает цитату дня в HTML-тег div,а затем применяет шрифт Merriweather к его содержимому.

Member 13502831

но важен ли здесь тег стиля? Я имею в виду, разве div и link tag недостаточно? Спасибо :)

Рейтинг:
0

John Parker

Да, атрибут стиля очень важен. Ссылка просто загружает шрифт, чтобы его можно было использовать на странице. Затем вы должны применить шрифт.

Пожалуйста, смотрите следующее, что дает лучший пример:

Начните работу с API шрифтов Google