Size: a a a

🐘PHPStorm TIPS & TRICKS

2020 August 02

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
а вот в винде чето печалька
Интересно что на винде у текстовой ноды высота 26px, в то время когда на андроиде у этой же ноды высота 61px

И, если заменить шрифт Carma на Montserrat (наследуемый шрифт), то всё ок работает
Вроде для европейских номеров используется другой шрифт, попробуй на него сменить шрифт украинских номеров

Я бы грешил именно на этот шрифт
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
на него собственно и грешу)
не понятно только чего бажина именно на винде вылазит))

А шрифт поменять нельзя 😒
Требование что на укр номерах должен быть гост шрифт)
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
на него собственно и грешу)
не понятно только чего бажина именно на винде вылазит))

А шрифт поменять нельзя 😒
Требование что на укр номерах должен быть гост шрифт)
Попробуй какой-нибудь конвертер шрифтов
Или придётся делать фикс именно для винды, как и для других платформ, на которых по мере может появляться эта ошибка
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
та уже конверил, все форматы тестил 😂
Конвертил туда сюда обратно, результат всеравно говно 😂
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
Буду разбираться))
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
спасибо
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
Тут товариш предлагает изменить порядок шрифтов для выбора "более нейтрального" на платформу
http://billpatrianakos.me/blog/2012/12/26/fix-webfont-rendering-issues-in-chrome-for-windows/
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
Как раз над еве сделал так


 src: url('/fonts/carma2font.eot'); /* IE9*/
 src: url('/fonts/carma2font.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('/fonts/carma2font.woff2') format('woff2'), /* chrome、firefox、opera、Safari, Android, iOS */
 url('/fonts/carma2font.woff') format('woff'), /* chrome、firefox */
 url('/fonts/carma2font.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
 url('/fonts/carma2font.svg#uxcarma2font') format('svg'); /* iOS 4.1- */
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
Но не выливал, потому что ничего не поменялось:(
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
Тут товарищу предложили перегенерить оригинал шрифта с фиксом на ttf
https://stackoverflow.com/questions/9276105/windows-font-rendering-problems-with-font-face-in-css

Только хз помогло ли
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
Но не выливал, потому что ничего не поменялось:(
В принципе если для винды добавлять стиль

.number.ukraine {
 font-size: 1.5em;
 line-height: .75;
}

то выглядит почти схоже
Можно ещё побаловаться с размерами для идеально схожих размеров
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
ну так да, но бля, отдельный костыль под винду, это проверка юзер агента и тд для подкючения цсс🤦‍♀️
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
будто вернулись в 2005
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
ну так да, но бля, отдельный костыль под винду, это проверка юзер агента и тд для подкючения цсс🤦‍♀️
Вроде есть более лаконичное решение этого
Можно что-то типа Modernizr использовать, что бы не было динамических стилей
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
хз что это, надо читать)
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
хз что это, надо читать)
Короче, если даже без этой либы, то на JS-е сделать код, который, если понял что запустился на винде, добавит в body класс windows-platform, а затем в стилях сделать доп. стиль на наличие этого класса в, грубо говоря root-е, типа

.windows-platform .number.ukraine { ... }
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
бгг, тоже костыль на +- том же уровне,  но в общем да:)
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
イ۞ ル ϒ С ۞ i ル
бгг, тоже костыль на +- том же уровне,  но в общем да:)
Ну это уже почти стандартизированный костыль)
Modernizr же очень может помочь  т.к. добавляет в body целую кучу классов показывая CSS-у что браузер тянет, где он находится и т.к.
Плюс поддерживает расширение на свои правила
источник

СК

Станислав Квятковски... in 🐘PHPStorm TIPS & TRICKS
Всяко лучше изменить DOM только добавив один класс, на который уже рассчитывают имеющиеся стили, чем добавлять целую ноду динамического стиля)
источник

イС

イ۞ ル ϒ С ۞ i ル... in 🐘PHPStorm TIPS & TRICKS
это да:)
источник