Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Социальные аккаунты Контакты Теги Собственники Используются Приложения



Шрифты на сайт

Английский язык

Собственник: Google

Google Шрифты

Сервис по внедрению шрифтов на сайт.
Русской версии нет, но есть русские шрифты (кириллические).

Преимущества

Шрифты находятся на сервере Google, а не у вас на сайте. Что экономит время и увеличивает скорость загрузки.

Что делать?

Внимание, сервис развивается, растет количество шрифтов и возможности. Потому возможны на сайте изменения.
  1. Script: - выбираем Cyrillic или Cyrillic Extended

  2. Вверху в Preview Text: можно ввести свой текст, выставить размер (Size:) и отсортировать шрифты по алфавиту, популярности ... Я выбрал по популярности. Мы ищем самый лучший шрифт из менее популярных. Менее популярный - значит реже его используют и он будет оригинальнее.

  3. Шрифт подбираем для заголовка (Sentence) или текста (Paragraph), в зависимости от того, как хотим использовать. Красивый шрифт для заголовка может быть не читабельным в тексте.

  4. Выбираем шрифт, который нам больше всего подходит Add to Collection и Quick-use.

  5. Берем код, который надо будет разместить в <HEAD>. Он в 3. Add this code to your website:, это ссылка вроде
    <link href='https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic' rel='stylesheet' type='text/css'>
  6. Возвращаемся и жмем внизу на синем поле Review (может придется открыть) и выбираем начертание (жирный, курсив ...), если шрифт это позволяет.
Во вкладке Test Drive гуляем по меню в правой колонке. Там много можно настроить, описывать будет сложнее, вы все сможете визуально видеть и выбрать, подогнать. Внизу основного поля на сером фоне будет код вроде:

 font-family: 'Ubuntu Condensed', sans-serif;  font-style: normal;  font-weight: 400; font-size: 13px;  text-transform: none;  text-decoration: none;  letter-spacing: 0em;  word-spacing: 0em; line-height: 1.4;

Копируем его и вставляем куда нам надо в CSS.

Fonts4Web

http://fonts4web.ru

Русский язык

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

logo Fontstorage

https://fontstorage.com

Русский язык - Английский язык

Fontstorage

Коллекция бесплатных шрифтов для ваших сайтов.

Несколько напоминает Google Шрифты. Можно скачать или взять код и прикрутить на сайт.
Коллекция отличается от Гугловской, потому будет интересно для внимания.

Интуитивно понятный интерфейс, настраивается в режиме реального времени.
Очень удобно и интересно.

Print Friendly and PDF





ВСЕ ТЕГИ
Связанные темы:
Шрифт иконок WEB-шрифты Кириллица Кодировка Клавиатура Шрифты на сайт Шрифт иконок Определение шрифтов





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2019, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 5.3