Size: a a a

Front-end developers

2020 May 14

АП

Алексей Прасолов... in Front-end developers
Степан
Я себе надавно нашел лайфхак по шрифтам. Береш все шрифты - и в отдельный css. Там же их подключаешь, и пишешь каждому шрифту определенный клас, и вуаля, просто добавляю нужный клас нужному блоку... Тепер шрифты полностью независимы от main.css и наоборот...)
Интересный способ... таким образом и размер кода меньше получается.
источник

D

Dmitry in Front-end developers
Степан
Я себе надавно нашел лайфхак по шрифтам. Береш все шрифты - и в отдельный css. Там же их подключаешь, и пишешь каждому шрифту определенный клас, и вуаля, просто добавляю нужный клас нужному блоку... Тепер шрифты полностью независимы от main.css и наоборот...)
Зачем нагружать лишний раз дом?
источник

С

Степан in Front-end developers
Dmitry
Зачем нагружать лишний раз дом?
Чем именно?)
источник

D

Dmitry in Front-end developers
Степан
Чем именно?)
Классами
источник

АП

Алексей Прасолов... in Front-end developers
Dmitry
Классами
Не так уж и сильно он нагрузиться.
источник

С

Степан in Front-end developers
Есть у меня случаи где на странице 25 однаковых блоков. чтобы не писать один клас 25 раз - тогда действительно просто вписую шрифт в нужный клас, но такое у меня нечасто)
источник

АП

Алексей Прасолов... in Front-end developers
Dmitry
Зачем нагружать лишний раз дом?
Смотря на шаблоны сайтов там несильно часто меняются шрифты в блоках сайта. Так что не вижу ничего в этом плохого.
источник

D

Dmitry in Front-end developers
И прям всем блокам класс со шрифтом давать?
источник

АП

Алексей Прасолов... in Front-end developers
Нет.
источник

км

космо мураш... in Front-end developers
а как этим пользоваться?
источник

С

Степан in Front-end developers
Dmitry
И прям всем блокам класс со шрифтом давать?
да, кроме случаев повторения класов, который я описал выше)
источник

С

Степан in Front-end developers
поправка - всем блокам с текстом)
источник

AY

Alex Yuzviak in Front-end developers
на сколько понял проста качнуть с хаба этот скрипт и подключить после query - <script src="grid-layout-polyfill.min.js"></script>
- и использовать префиксы -ms-grid
Сейчас попробую....
источник

D

Dmitry in Front-end developers
Оказалось да)
источник

АП

Алексей Прасолов... in Front-end developers
Dmitry
И прям всем блокам класс со шрифтом давать?
Обычно шрифты одинаковые в повторяющихся элементов или в больших блоках. Я такого не видел чтобы каждый последующий блоки или элемент был с другим шрифтом. Тем более относительно дизайна это не так смотрится.
источник

С

Степан in Front-end developers
космо мураш
а как этим пользоваться?
https://transfonter.org/ - сюда перетягуешь нужные шрифты, конвертируешь, и сохраняешь. Розпаковуешь и там есть css - он то тебе и нужен, только правильно пути пиши
источник

С

Степан in Front-end developers
Алексей Прасолов
Обычно шрифты одинаковые в повторяющихся элементов или в больших блоках. Я такого не видел чтобы каждый последующий блоки или элемент был с другим шрифтом. Тем более относительно дизайна это не так смотрится.
У меня было 6 шрифтов на страничке, обычно 3-4. И когда ты начинаешь делать - то плутаешься где и какой)
источник

С

Степан in Front-end developers
Конечно если их 2 - то идея нерациональная)
источник

км

космо мураш... in Front-end developers
Степан
https://transfonter.org/ - сюда перетягуешь нужные шрифты, конвертируешь, и сохраняешь. Розпаковуешь и там есть css - он то тебе и нужен, только правильно пути пиши
спасибо
источник

АП

Алексей Прасолов... in Front-end developers
Степан
Конечно если их 2 - то идея нерациональная)
Да, но возможно в будущем шрифтов будет больше...
источник