А АSunday, 23 September 2018

Google Fonts нам в помощь.

Всем привет.

Сочиняя web-визитку мне не понравился фонт который мой браузер предложил по умолчанию. Если помните, ранее я боролся с этим с помощью Сufon

Но сегодня вспомнил что та же задача легко решается с помощью Google Fonts. Итак идем на портал https://fonts.google.com/. Выбираем фонт по картинке. Название запомнили? Далее берем свою html-страничку и правим следующее.

В head прописываем линк:
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>

А в CSS прописываем:
body {
  background: white;
  color: #39313c;
  font-family: "Pacifico", serif;
  font-size: 1.25em;
  line-height: 1.875em; }

И в принципе все. Получилось так



Можете указать и более подробные параметры фонта в head:
<link href="https://fonts.googleapis.com/css?family=Open+Sans:600&amp;subset=cyrillic" rel="stylesheet">

CSS:
font-family: 'Open Sans', sans-serif;

Главное что теперь визитка будет отображаться у всех одинаково независимо от семейства фонтов установленных в ОС пользователя.

Вариантов много. Удачи.

No comments:

Post a Comment

А что вы думаете по этому поводу?

Версия на печать

Популярное