@ font-face src : local-사용자가 이미 가지고있는 경우 로컬 글꼴을 사용하는 방법?

@ font-face src : local-사용자가 이미 가지고있는 경우 로컬 글꼴을 사용하는 방법?

---

@font-face사용자가 이미 글꼴을 가지고있는 경우 브라우저가 글꼴을 다운로드하지 않도록하는 올바른 사용 방법은 무엇입니까 ?

내 시스템 (리눅스)에 이미 설치된 DejaVu를 정의하기 위해 @ font-face를 사용하고 있습니다. Firefox는 글꼴을 다운로드하지 않지만 Chromium은 매번 다운로드합니다!

글꼴 다람쥐 와 그 질문을 기반으로 한 내 CSS 코드는 다음과 같습니다.

@font-face {
    font-family: 'DejaVu Serif';
    src: url('DejaVuSerif-webfont.eot');
    src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ... @font-face definitions for italic and bold omitted ... */

@font-face {
    font-family: 'DejaVu Serif';
    src: url('DejaVuSerif-BoldItalic-webfont.eot');
    src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url('DejaVuSerif-BoldItalic-webfont.svg#webfontQAewh7pf') format('svg');
    font-weight: bold;
    font-style: italic;
}

---

로컬 파일을 먼저 확인하려면 다음을 수행하십시오.

@font-face {
font-family: 'Green Sans Web';
src:
    local('Green Web'),
    local('GreenWeb-Regular'),
    url('GreenWeb.ttf');
}

여기서 수행 할 작업에 대한보다 자세한 설명 이 있습니다 .

---

나는 실제로를 사용하지 않았 font-face으므로 이것을 약간의 소금으로 가져 가십시오.하지만 브라우저가 주어진 웹 글꼴이 사용자의 컴퓨터에 설치되었는지 여부를 확실하게 알 수있는 방법이 없다고 생각합니다.

예를 들어 사용자는 동일한 이름을 가진 다른 글꼴을 컴퓨터에 설치할 수 있습니다. 확실히 알 수있는 유일한 방법은 글꼴 파일을 비교하여 동일한 지 확인하는 것입니다. 그리고 브라우저는 웹 글꼴을 먼저 다운로드하지 않고는 그렇게 할 수 없습니다.

Firefox는 실제로 font선언 에서 글꼴을 사용할 때 글꼴을 다운로드합니까 ? (예 h1 { font: 'DejaVu Serif';)?

참고 URL : https://stackoverflow.com/questions/3837249/font-face-src-local-how-to-use-the-local-font-if-the-user-already-has-it