DR
в последнее время чат превратился в доску объявлений)
Size: a a a
2021 June 16
ВП
привет/ есть известная проблема с разным отображением шрифта в браузерах и в фигме, скетче етс/ подскажите решение какоето в случае когда несоответствует вес шрифта хотя по настройкам все совпадает
A
Бывают приложения с одним дизайном для обеих платформ. Они часто делаются на react native. Я в своей практике в основном только такие и делал
IP
https://www.smashingmagazine.com/2012/04/a-closer-look-at-font-rendering/
вкратце — у разных браузеров/приложений/систем разные методы рендера шрифтов. поэтом они показывают текст по-разному.
в принципе, стоит забить, потому что читаемый текст — это читаемый текст и разницу можно заметить только сравнивая два источника. если человек не видел макет — откуда ему знать, что сайт выглядит чуть иначе?
вкратце — у разных браузеров/приложений/систем разные методы рендера шрифтов. поэтом они показывают текст по-разному.
в принципе, стоит забить, потому что читаемый текст — это читаемый текст и разницу можно заметить только сравнивая два источника. если человек не видел макет — откуда ему знать, что сайт выглядит чуть иначе?
ВП
фактически так/ но он толще намного чем должен быть/ и просто можно взять конечно вес на шаг меньше/ но хотелось бы разобраться может какаято натсройка сглаживания решит вопрос/ спасибо за сслку почитаю сейчас
IP
статья старая, возможно, какой-нибудь font-smoothing в css поможет.
вот новее нашел: https://weareyellowball.com/blog/fixing-font-rendering-inconsistencies-across-browsers/
вот новее нашел: https://weareyellowball.com/blog/fixing-font-rendering-inconsistencies-across-browsers/
💰
Разные разрешения шрифта нужно вроде подгружать для браузеров, конвертировав их
ВП
это как?
💰
Ну если проблема в браузере, обычно шришты конвертируются при вёрстке, .ttf .otf в woff и woff2. И делают автоматически подгрузку шрифта если браузер не поддерживает допустим woff, то подгружает woff2
ВП
аа/ понял
IP
во второй статье написано
@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’);
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘webfont.woff’) format(‘woff’),
url(‘webfont.ttf’) format(‘truetype’),
url(‘webfont.svg#svgFontName’) format(‘svg’);
}
@font-face {
font-family: ‘MyWebFont’;
src: url(‘webfont.eot’);
src: url(‘webfont.eot?#iefix’) format(‘embedded-opentype’),
url(‘webfont.woff’) format(‘woff’),
url(‘webfont.ttf’) format(‘truetype’),
url(‘webfont.svg#svgFontName’) format(‘svg’);
}
IP
это для винды
IP
некий костыль
ВП
ага/ прочитал статейку
IP
я так понимаю, об этом речь и вел Sevem
DR
статья очень старая, у woff2 поддержка хорошая на данный момент https://caniuse.com/woff2
💰
Да
IP
если ты считаешь, что статья двухлетней давности очень старая — лучше не смотри мою первую ссылку (;
IP
шёл 2021 год, дизайнеры все еще удивлялись различиям в движках рендера текста в софте
DR
уже глянул)