style import url http fonts googleapis com css family НАЗВАНИЕ_ШРИФТА

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<style>
@import url(http://fonts.googleapis.com/css?family=НАЗВАНИЕ_ШРИФТА&subset=cyrillic,latin);
/* шрифт по умолчанию, до тех пор пока не подгружен новый шрифт */
body {font-family: sans-serif;}
/* новый шрифт */
.fontOneLoad body {
font-family: 'НАЗВАНИЕ_ШРИФТА', cursive;
}
</style>
<script src='js/fontfaceobserver.js'></script>
<script>
// иницицилизация
var fontOneLoad = new FontFaceObserver('НАЗВАНИЕ_ШРИФТА', {});
fontOneLoad
.check()
.then(function () { // событие, когда шрифт загружен
// добавляем класс тегу html
document.documentElement.className += " fontOneLoad";
});
</script>