Google Fonts, кажется, предлагает только шрифты в WOFF2 (по крайней мере, для OpenSans)
Пока это отлично работает с Chrome, WOFF2, похоже, не поддерживается многими другими браузерами
Есть ли способ прямой ссылки на шрифты Google, размещенные на их CDN, в формате, отличном от WOFF2?
К сожалению, Google не предлагает простой способ напрямую загружать шрифты. Вы можете просмотреть исходный git репозиторий (не ссылайтесь на размещенные в github шрифты в вашем CSS!), Чтобы найти файл, который вы хотите.
Хотя для всех форматов нет основного CDN, вы можете использовать http://google-webfonts-helper.herokuapp.com для загрузки файлов шрифтов и размещения их самих.
Когда я открываю следующий URL-адрес в Chrome, я получаю ссылку на шрифт в формате woff2. Когда я использую Firefox, он находится в формате woff, а на Android-устройстве, работающем до 4.4, он находится в формате ttf.
http://fonts.googleapis.com/css?family=Open+Sans
Итак, похоже, что Google предоставляет шрифты в формате, соответствующем запрашивающему пользователю-агенту.
Другим вариантом является использование (node) gulp: gulp-google-webfonts.
После установки требуется несколько секунд для установки шрифтов и создания соответствующих css.
Обратите внимание, что при установке шрифта Google с пробелом в имени (вы его не избегаете) ссылайтесь на него со знаком "плюс" следующим образом:
fonts.list
Cabin+Sketch:400
Вы можете использовать everythingfonts.com, чтобы преобразовать файл ttf в файл woff.