GoogleWebFonts FontFamilyPreviewImages
1.0.0
Этот репо содержит изображения, которые являются представлениями всех различных шрифтов Google. Нам нужно было это для нашего трафарета приложения, так как мы позволяем нашим пользователям искать через шрифты Google (через их API). Но мы (очевидно) разыскивали/нужно было предоставить им предварительный просмотр того, как выглядел шрифт.
Мы могли бы загрузить шрифты в память, а затем показать их, но это не казалось идеальным.
Если вы заинтересованы в размещенной версии скриншота, которую вы видите ниже (позволяя вашим пользователям запустить модал, и нажимает кнопку, поднимая событие, которое содержит URL-адрес соответствующего файла woff2 ), пожалуйста, дайте мне знать: [email protected]
В то время как Google Fonts в настоящее время предоставляет тысячи различных вариаций шрифтов, существует много более реальных изображений. Это связано с тем, что шрифты Google регулярно обновляют шрифты от одной версии в другую (например, V5 до V6). Затем мы повторно заполняем изображения, чтобы гарантировать, что предварительный просмотр, который мы показываем, точный.
Я решил оставить эти файлы в репо ради потомства: вы никогда не знаете, что нужно людям :)
На данный момент я предоставляю только предварительные изображения, которые имеют значение font-size 48px . Ширина уважает родную ширину шрифта. Чтобы обеспечить острый дисплей, я бы предложил вам жесткий код предварительного просмотра большего пальца на максимальной высоте 24px .
Два примера: ABeeZee-400.v10.png и Cabin-400italic.v10.png
Формат довольно прямой:
- )italicv Регулярное выражение, которое я использую, чтобы выявить имени-характер: /[^A-Za-z0-9-]/
