Здесь пример. (4) and (5) would be the same: http://jsfiddle.net/kxHQR/1/
@font-face {
font-family: 'Myname';
font-style: normal;
font-weight: 700;
src: local('Segoe UI Bold'), local('SegoeUI-bold'), local('segoeuib');
}
@font-face {
font-family: 'Myname';
font-style: normal;
font-weight: 600;
src: local('Segoe UI Semibold'), local('SegoeUI-Semibold');
}
@font-face {
font-family: 'Myname';
font-style: normal;
font-weight: 400;
src: local('Segoe UI'), local('SegoeUI');
}
@font-face {
font-family: 'Myname';
font-style: normal;
font-weight: 300;
src: local('Segoe UI Light'), local('SegoeUI-Light');
}
/* ... */
BODY {
font-family: 'Myname';
}
.boldtext {
font-family:'Segoe UI';
font-weight:700;
}
< /code>
1. Text with font-weight:300. OK
2. Here is normal text. OK
3. Text with font-weight:600. OK
4. Text with font-weight:700. It must be like (5), but it is like (3).
5. Text with font-family:'Segoe UI' (no font-face) and font-weight:700;
Подробнее здесь: https://stackoverflow.com/questions/131 ... face-local
Мобильная версия