Создайте файл CSS, например Google Fonts

Question

Я использую webfonts на своем веб-сайте некоторое время. (Мой сайт использует WordPress.)

Меня очень интересует использование WOFF2 из-за лучшего сжатия. В настоящее время я использую Noto Sans Japanese (через Google Fonts) для японского текста.

Однако я предпочитаю шрифт M+ C Type-2, так как его японские глифы выглядят намного лучше на небольших размерах (16 пикселей). Я добавил шрифт hinting и преобразовал шрифт выше в WOFF2 и WOFF успешно.

Затем я узнал, что API Google Fonts serves a different CSS file for each browser.

Я загружаю шрифты, которые я хочу на Google Диск, и я хочу обслуживать их с помощью такого динамического CSS. Как мне это сделать?

Answer 1

Если вы хотите сделать это, вам понадобится код на стороне сервера, но при использовании Google Диска вы можете добавить дополнительные расширения шрифтов, чтобы каждый браузер использовал правильный.

@font-face { 
    font-family: 'FontAwesome'; 
    src: url('/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/fonts/fontawesome-webfont.woff') format('woff'), 
     url('/fonts/fontawesome-webfont.ttf') format('truetype'), 
     url('/fonts/fontawesome-webfont.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

FontSquirrel генератор шрифтов, он настолько популярен.