Всем привет.
А в CSS прописываем:
body {
background: white;
color: #39313c;
font-family: "Pacifico", serif;
font-size: 1.25em;
line-height: 1.875em; }
Сочиняя 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&subset=cyrillic" rel="stylesheet">
CSS:
font-family: 'Open Sans', sans-serif;
Главное что теперь визитка будет отображаться у всех одинаково независимо от семейства фонтов установленных в ОС пользователя.
Вариантов много. Удачи.
No comments:
Post a Comment
А что вы думаете по этому поводу?