Программное обеспечение, Web технологии и Интернет
  •  Email RSS
  • RSS
  • Facebook
  • Twitter

Как уменьшить размер файла в Google шрифтов для вашего сайта

Google Шрифты представляет собой набор открытых шрифтов, которые вы можете использовать в своих веб-сайтов, документов и других проектов, дизайн без каких-либо ограничений по лицензированию.

Она занимает одну строку кода для встраивания любого из семей Google Font в дизайн Вашего сайта. Просто заменить шрифт в следующем коде (линия № 2) с именем Google Font и скопируйте и вставьте его в тэг <head> вашего HTML-шаблонов.

<link href="http://fonts.googleapis.com/css?family=GOOGLE_FONT_FAMILY_NAME" rel="stylesheet" type="text/css" />

Скорость страницу Шрифты и Google Web

В то время как Google Шрифты могут сделать ваш сайт хорошо выглядеть, есть одна проблема, связанная — они увеличивают время загрузки страниц вашего сайта, потому что файлы шрифтов должны скачать на компьютер посетителя, и некоторые из них, такие как шрифт эскиз салона, может превышать 100 Кб в размерах.

Существует, однако, простое решение, чтобы помочь вам уменьшить размер файла в Google шрифты так, чтобы они не уменьшают время загрузки веб-страницы. Вместо того чтобы использовать весь шрифт Google семьи, вы можете указать ограниченный набор букв или цифр, которые используются в тексте и Google будет динамически создать новый файл шрифта, содержащий только востребованных персонажей.

Как уменьшить размер файлов Google Font

Все, что вам нужно сделать, это добавить новый текст параметра запроса Google URL шрифта и значение этого параметра будет иметь все письма, которые вам нужны.

Например, если мне нужно, чтобы сделать текст цифровые вдохновение в салоне шрифта Sketch, изменение CSS запрашивающего файл Google шрифт будет выглядеть следующим образом:

<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch&text=DigitalInspiration' rel='stylesheet' type='text/css' />

Оригинальный файл шрифта Google составляет около 101 Kb но при этом ограниченный текст, шрифт файла уменьшается до 7,6 КБ.

Google шрифты обычно используются для отображения текста и логотипов и заголовки (h1, h2, h3 и т.д.) на веб-странице, таким образом Вы можете изменить CSS соответственно. Кроме того, если вы хотите обратиться ко всем алфавита и цифры в Google шрифт, но ни один из дополнительных символов , шрифта CSS будет выглядеть примерно так:

<link href='http://fonts.googleapis.com/css?family=Cabin+Sketch&text=1234567890ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz%20' rel='stylesheet' type='text/css' />

Файл шрифта в этом случае составляет 37 КБ, и это еще 64% ниже, чем исходный файл шрифта Google. Кроме того, если Вы задаетесь вопросом, почему я включил% 20 в текстовый список, он представляет собой закодированный символ пробела.Кроме того, вы можете добавить% 27% 22 в список для одинарной кавычки (‘) и двойные кавычки («) соответственно.

Подписаться на рассылку RSS !   Подписаться на рассылку RSS по Email !

Категории: Продукты Google

Файлообменник без регистрации

Несведущие люди могут думать о том, что Интернет — это [...]

Как заработать деньги на форуме?

Сейчас можно легко заработать на форуме. Этот метод заработка доступен [...]

"Киевстар" рассказал об успехах

  Украинскому оператору связи «Киевстар» по итогам II квартала удалось [...]

Twitter снова купил рекламный стартап

Руководство Twitter завершило сделку по приобретению рекламного стартапа, который носит [...]

Системы электронных платежей

Существует очень большое количество сервисов, которые помогают перевести средства через [...]

Яндекс прощается с рейтингом блогов

Поиск по блогам Яндекса прекратил поддержание рейтинга блогеров и блогхостингов, [...]

Бразильский интернет станет безопаснее

Парламент Бразилии внес законопроект о безопасности интернета, работу над которым [...]

Баннерная реклама в Интернете

В интернете существует множество видов рекламы, одним из этих видов [...]