Google 검색 페이지와 같은 일부 사이트에서 맞춤 글꼴을 사용할 수없는 이유

chrome : // settings / fonts에서 글꼴을 수정했습니다. 일부 사이트에서 적용됩니다. 그러나 더 많은 사이트는 영향을받지 않습니다. 그 뒤에 무엇입니까?

HTML에서 폰트 패밀리를 정의 할 수 있습니다. 내 <p>요소 에 일반적인 sans-serif 글꼴을 사용하고 싶다고 가정 해보십시오 . 그런 다음이 작업을 수행합니다.

p{
    font-family: sans-serif;
}

이제 브라우저에 기본 sans-serif 글꼴을 사용하도록 요청합니다. 글꼴을 변경하기 위해 chrome : // settings / fonts로 이동하면이 기본 글꼴이 변경됩니다.

그러나 Google은 자체 글꼴을 좋아합니다. 따라서 대신 CSS로 사용자 정의 글꼴을 만들고 해당 사용자 정의 글꼴에 연결합니다.

@font-face {
    font-family: GooglesNiceFont;
    src: url(pure_aesthetic_genius.ttf);
}

p{
    font-family: GooglesNiceFont;
}

그리고 이것은 항상 기본 sans serif 글꼴 대신 서버에 저장된 Google 글꼴을 사용합니다.