{
    "version": "https:\/\/jsonfeed.org\/version\/1",
    "title": "Блог Михаила Озорнина: заметки с тегом лигатуры",
    "_rss_description": "Главная · Блог · Работы ·",
    "_rss_language": "ru",
    "_itunes_email": "",
    "_itunes_categories_xml": "",
    "_itunes_image": "",
    "_itunes_explicit": "",
    "home_page_url": "https:\/\/mikeozornin.ru\/blog\/tags\/ligatury\/",
    "feed_url": "https:\/\/mikeozornin.ru\/blog\/tags\/ligatury\/json\/",
    "icon": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384",
    "author": {
        "name": "Михаил Озорнин",
        "url": "https:\/\/mikeozornin.ru\/blog\/",
        "avatar": "https:\/\/mikeozornin.ru\/blog\/user\/userpic@2x.jpg?1614204384"
    },
    "items": [
        {
            "id": "145",
            "url": "https:\/\/mikeozornin.ru\/blog\/all\/tinkoff-nbsp\/",
            "title": "История одного неразрывного пробела",
            "content_html": "<p class=\"lead\">Ночная история про профессиональный заскок, сафари и Тинькофф.<\/p>\n<p><aside class=\"aside-margin-right\">Исходный твиттер-тред: <a href=\"https:\/\/twitter.com\/mikeozornin\/status\/1261054050453401602\">https:\/\/twitter.com\/mikeozornin\/status\/1261054050453401602<\/a><\/aside><\/p>\n<p>Изначально это был твиттер-тред, но для истории я перенес его в блог.<\/p>\n<p>Вижу, что на странице Тинькофф какой-то конский пробел между Tinkoff и Black, очевидно так не должно быть. (только в сафари, в других браузерах все ок).<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-1@2x.jpg\" width=\"371\" height=\"164\" alt=\"\" \/>\n<\/div>\n<p>Смотрю в код, там неразрывный пробел, меняю на обычный — все становится отлично.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-2@2x.jpg\" width=\"404\" height=\"321\" alt=\"\" \/>\n<\/div>\n<p>Ну, понятно, дело в символе неразрывного пробела, который как-то не так сделали в шрифте. Добавляю для проверки второй раз Black через неразрывный пробел, но нет — все нормально.<\/p>\n<p>Интересно…<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-3@2x.jpg\" width=\"529\" height=\"186\" alt=\"\" \/>\n<\/div>\n<p><aside class=\"aside-margin-right\">Можете проверить инспектором:<\/p>\n<pre>ff&amp;nbsp;B | fi&amp;nbsp;B | fl&amp;nbsp;B | ft&amp;nbsp;B | tt&amp;nbsp;B |<\/pre>\n<p><\/aside><\/p>\n<p>Пытаюсь понять, в чем разница, вижу, что ff — одна из стандартных лигатур, может быть дело именно в лигатуре? Пробую остальные — бинго, это они.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-4@2x.jpg\" width=\"512\" height=\"172\" alt=\"\" \/>\n<\/div>\n<p>Для окончательной проверки отключаю лигатуры заклинанием:<\/p>\n<pre>font-variant-ligatures: none;<\/pre>\n<p> <br \/>\nВсе пробелы выравниваются.<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-5@2x.jpg\" width=\"494\" height=\"110\" alt=\"\" \/>\n<\/div>\n<p>Почему так не знаю (скорее всего баг в сафари), но любопытство удовлетворил. Дизайнеры Тинькофф, вы, видимо, в хроме сидите?<\/p>\n",
            "date_published": "2020-05-22T01:54:58+03:00",
            "date_modified": "2020-05-22T01:54:48+03:00",
            "image": "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp@2x.png",
            "_date_published_rfc2822": "Fri, 22 May 2020 01:54:58 +0300",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "145",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [],
                "og_images": [
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp@2x.png",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-1@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-2@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-3@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-4@2x.jpg",
                    "https:\/\/mikeozornin.ru\/blog\/pictures\/tinkoff-nbsp-5@2x.jpg"
                ]
            }
        }
    ],
    "_e2_version": 3798,
    "_e2_ua_string": "E2 (v3798; Aegea)"
}