By
SnowSilver
Всем привет! Подскажите с подключением сторонних шрифтов...
1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ?
2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить:
local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ?
Я подключаю так(для каждого начертания через тире указано начертание):
@font-face {
font-family: "Roboto-Thin";
src: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin'),
'/fonts/Roboto-Thin.woff2' format('woff2'),
'/fonts/Roboto-Thin.woff' format('woff');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: "Roboto-Light";
src: local('RobotoLight'), local('Roboto Light'), local('Roboto-Light'),
'/fonts/Roboto-Light.woff2' format('woff2'),
'/fonts/Roboto-Light.woff' format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "Roboto-Regular";
src: local('RobotoRegular'), local('Roboto Regular'), local('Roboto-Regular'),
'/fonts/Roboto-Regular.woff2' format('woff2'),
'/fonts/Roboto-Regular.woff' format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Roboto-Black";
src: local('RobotoBlack'), local('Roboto Black'), local('Roboto-Black'),
'/fonts/Roboto-Black.woff2' format('woff2'),
'/fonts/Roboto-Black.woff' format('woff');
font-weight: 900;
font-style: normal;
}
Question
terminotor
Подключаю два шрифта к своему сайту с помощью:
Шрифт 'a_machinaortoshtregular' подключается без проблем, а вот первый не хочет, хотя в index.html, который мне создал http://www.fontsquirrel.com/tools/webfont-generator он отображается без проблем, в чем дело?
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.