Ответы пользователя по тегу Шрифты
  • Почему вертикальное выравнивание текста работает по разному на десктопе и мобильных устройствах?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Выше тебе показали метрики. Ты можешь на базе их создать канву для иконки, чтобы, вписать ее, скажем, в x-height, да экспортировать в виде кода, задать ей свойства inline уже в html-коде, чтобы она встроилась, как текст.

    Придется пошаманить с настройкой ее как инлайновой (да или inline-block) единицы, но оно того стоит. По этому принципу можно и регулировать свои иконочные шрифты под основное начертание в проекте. Но это уже другая тема.
    Ответ написан
  • Почему неправильно отображаются кавычки iOS 13?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Предположение странное, конечно, но кодировка явно установлена?
    И шрифт точно подсосан браузером?
    И как именно указаны кавычки?
    Ибо на лицо смещение по символам.
    Ответ написан
  • Разная ширина символов одного шрифта в разных браузерах: почему и как пофиксить?

    ArsenyMatytsyn
    @ArsenyMatytsyn Куратор тега CSS
    Руководитель frontend направления, предприниматель
    Больше похоже на то, что скидывается шрифт. Проверь дебаггером (F12) и то, как подключены шрифты. Если проблема со стилями дебаггер это покажет. Да и полазив там многое можно найти по делу.
    Ответ написан
  • Что происходит со шрифтом на сайте и в photoshop?

    ArsenyMatytsyn
    @ArsenyMatytsyn
    Руководитель frontend направления, предприниматель
    Опа. Закрываю глаза и пишу — SVG. Форматов шрифтов жеваная тьма и половина из них не поддерживается (утрирую). Лучший результат дают SVG шрифты (ИМХО), но поддерживаются откровенно криво. В плане при подключении шрифта последнее время обычно идет SVG, затем всякие Woff-ы и т.д. По какой причине может не подсосаться первый я не вдавался.
    Ну и вообще ФШ инструмент, конечно, удобный, но в целом мало имеет общего с реальностью. Чего стоит шаманство по расчету размеров при переносе макета)
    Немного оффтопом, в полиграфии, например шрифт обычно не печатается. Он переводится в кривые. В принципе для улучшения восприятия и уменьшения артефактов тот же подход оптимален и в вебе. Я сталкивался с иконочными шрифтами воичию и обнаружил жуткий артефакт. Был у одного товарища в офисе, у него подключено то ли 3 то ли 4 разного калибра и качества мониторов. В общем когда я увидел свой, с вроде предусмотренными на такие нюансы, в формате пиксельной лесенке, моему удивлению не было предела. Но как оказалось, тем же страдает и Fontawesome, что успокоило. Там же в статье я указал, что есть 2 набора, собственно шрифты, включая SVG шрифт, и символы. Символы это чистый SVG, и вот с ним проблем нет.
    Короче, шрифты это полный ахтунг. Меня периодически типать начинает при серьезной работе с ними.
    Ответ написан