{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Техноблог, заметки с тегом: шрифты",
    "home_page_url": "https:\/\/blog.toliklunev.ru\/tags\/shrifty\/",
    "feed_url": "https:\/\/blog.toliklunev.ru\/tags\/shrifty\/json\/",
    "icon": "https:\/\/blog.toliklunev.ru\/user\/userpic@2x.jpg",
    "author": {
        "name": "Анатолий Лунёв",
        "url": "https:\/\/blog.toliklunev.ru\/",
        "avatar": "https:\/\/blog.toliklunev.ru\/user\/userpic@2x.jpg"
    },
    "items": [
        {
            "id": "35",
            "url": "https:\/\/blog.toliklunev.ru\/all\/cssfont\/",
            "title": "CSS Шрифт",
            "content_html": "<p>Большинство веб-сервисов для подготовки кастомных шрифтов к вёрстке конвертируют шрифт в 4-5 разных форматов, при том что конвертировать имеет смысл только в один формат, в woff. Woff лёгок, и поддерживается всеми современными браузерами. При этом woff имеет смысл кодировать в base64 и вставить непосредственно в css файл с помощью data:uri.<\/p>\n<p>Об этом ещё в 2012 году <a href=\"http:\/\/artgorbunov.ru\/bb\/soviet\/20121129\/\" target=\"_blank\">писал<\/a> Артём Поликарпов. С тех пор, как я прочитал совет Артёма, я подготавливал все шрифты вручную, т. е. конвертировал файл сначала в woff, затем кодировал в base64, затем создавал css-файл и вставлял в него всё полученное. И мечтал о сервисе, который делал бы за меня всё это автоматически. Но, к сожалению, так и не нашёл такого, и поэтому сделал сам. Собственно вот:<\/p>\n<div style=\"overflow: hidden;\"><iframe src=\"https:\/\/cssfont.toliklunev.ru\/\" frameborder=\"0\" width=\"340px\" height=\"450px\" style=\"margin-top: -87px;\"><\/iframe>\n<\/div><p><a href=\"https:\/\/cssfont.toliklunev.ru\/\" target=\"_blank\">Открыть в новой вкладке<\/a><\/p>\n<p>Плюсы шрифта в css:<\/p>\n<ul>\n<li>нужно подключить всего один файл;<\/li>\n<li>меньше запросов к серверу;<\/li>\n<li>текст не прыгает при загрузке шрифта.<\/li>\n<\/ul>\n<p>Минусы:<\/p>\n<ul>\n<li>не поддерживается ИЕ ниже 9-го.<\/li>\n<\/ul>\n<p>От поддержки 8-го ИЕ я отказался (рекомендую и вам), по нескольким причинам:<\/p>\n<ul>\n<li>шрифт в формате eot (специальный формат для ИЕ), у меня не работал практически никогда, и как сделать, чтоб заработал, я понятия не имел;<\/li>\n<li>человеку с ИЕ 8 будет не до вашего кастомного шрифта, из-за которого этот браузер начнёт ещё больше тормозить, да ещё и сайт из-за него грузится дольше будет, поэтому имеет смысл подобрать стандартный шрифт.<\/li>\n<\/ul>\n<p>Ссылки по теме:<br \/>\n<a href=\"http:\/\/habrahabr.ru\/post\/180615\/\" target=\"_blank\">Ещё один способ устранить ВОШ<\/a><\/p>\n",
            "date_published": "2014-08-26T00:19:32+04:00",
            "date_modified": "2018-03-14T22:18:24+04:00",
            "_date_published_rfc2822": "Tue, 26 Aug 2014 00:19:32 +0400",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.toliklunev.ru\/all\/cssfont\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": []
            }
        }
    ],
    "_e2_version": 3254,
    "_e2_ua_string": "E2 (v3254; Aegea)"
}