Попробуйте этот пример, он работает для меня - https://jsfiddle.net/gbk4rLw3/16/. Однако, это не работает, если вы пытаетесь переключить шрифт с общим типом шрифта, например, с засечками или без засечек, но любой кажется, что другой веб-безопасный шрифт работает.
Здесь также есть тестовый код.
HTML
<div class="test">
TESTING
</div>
CSS
.test{
font-family: Times;
}
@font-face {
font-family: Times;
font-style: normal;
font-weight: 400;
src: local("Impact"); /* Try replacing with Arial, Comic Sans MS, etc....*/
} /*Doesn't seem to work with generic font types (serif, sans-serif)*/
Если вам нужен шрифт с засечками, попробуйте использовать «Courier New».