JavaScript를 사용하여 시스템 글꼴을 얻습니다

JavaScript를 사용하여 시스템 글꼴을 얻는 몇 가지 방법. 데모가 포함 된 참조 링크는 다음과 같습니다.

javaScript

를 사용하여 시스템 글꼴을 얻습니다

샘플 코드 다른 메소드

오류 : Uncakt TypeError : 객체의 "fontlist"속성 [Object Object]은 JavaScript (FAQS)의 시스템 글꼴에 대한 기능 FAQ가 아닙니다. javaScript를 사용하여 사용자의 브라우저가 표시 할 수있는 모든 글꼴을 나열하는 방법은 무엇입니까?

JavaScript에는 사용자의 브라우저가 표시 할 수있는 모든 글꼴을 나열하는 내장 방법이 없습니다. 그러나 "fontfaceset"과 같은 JavaScript 라이브러리를 사용하여 글꼴을 사용할 수 있는지로드하고 확인할 수 있습니다. "document.fonts.check ()"메소드를 사용하여 특정 글꼴을 사용할 수 있는지 확인할 수도 있습니다. 개인 정보 보호 문제로 인해 브라우저는 스크립트가 설치된 글꼴 목록에 직접 액세스 할 수 없습니다.

<code class="language-javascript">try {
    // 向页面添加swf并读取字体
    $('body').append('');
    $('#flashcontent').flash({
        "src": "resources/FontList.swf",
        "width": "1",
        "height": "1",
        "swliveconnect": "true",
        "id": "flashfontshelper",
        "name": "flashfontshelper"
    }, { update: false });

    // swf稳定需要超时。
    setTimeout(function() {
        console.log(window.fonts);
        return window.fonts;
    }, _this.settings.flashDelay);
} catch (ex) {
    _this.errors.push('未检测到字体。');
    return fonts;
}</code>

사이버 보안 글꼴이란 무엇이며 CSS에서 어떻게 사용합니까?

네트워크 보안 글꼴은 다양한 컴퓨터 시스템에 존재할 수있는 글꼴이므로 네트워크에서 사용하기에 매우 적합합니다. 이 글꼴에는 Arial, Times New Roman 및 Courier New가 포함됩니다. CSS에서는이 글꼴을 Font-Family 속성에 지정 하여이 글꼴을 사용할 수 있습니다. 예를 들어, "Font-Family : Arial, Sans-Serif;". 브라우저는 사용자 시스템에 설치된 목록의 첫 번째 글꼴을 사용합니다.

로컬 글꼴 액세스 API는 무엇이며 사용 방법은 무엇입니까?

<code class="language-javascript">try {
    // 向页面添加swf并读取字体
    $('body').append('').flash({
        "src": "resources/fonts.swf",
        "width": "1",
        "height": "1",
        "swliveconnect": "true",
        "id": "flashfontshelper",
        "name": "flashfontshelper"
    }, { update: false });

    // swf稳定需要超时。
    setTimeout(function() {
        var fonts = "",
            obj = document.getElementById("flashfontshelper");

        // 获取字体
        if (obj && typeof(obj.GetVariable) != "undefined") {
          fonts = obj.GetVariable("/:user_fonts").replace(/,/g,", ");
        }
        if (!fonts) {
          fonts = "未检测到Flash或Java字体";
          _this.errors.push('未检测到Flash或Java字体。');
        }
        console.log(fonts);
        return fonts;
    }, 100);
    return true;
} catch (ex) {
    fonts = this.errors.push('未检测到Flash或Java字体。');
}</code>

기본 글꼴 액세스 API는 사용자가 로컬로 설치 한 글꼴에 액세스 할 수있는 웹 API입니다. 그러나이 API는 개인 정보 보호 문제로 인해 널리 지원되지 않으며 일반적으로 권장되지 않습니다. 여전히 사용하려면 "navigator.fonts.query ()"메소드를 호출하여 사용자의 설치된 글꼴을 나타내는 FontMetadata 객체 목록으로 해결되는 약속을 반환하여 수행 할 수 있습니다.

HTML 및 CSS를 사용하여 네트워크 보안 글꼴을 지정하는 방법은 무엇입니까?

HTML 및 CSS에서 "Font-Family"속성을 사용하여 네트워크 보안 글꼴을 지정할 수 있습니다. 쉼표로 분리 된 선호도 순서대로 글꼴을 나열해야합니다. 브라우저는 사용자 시스템에 설치된 목록의 첫 번째 글꼴을 사용합니다. 예를 들어, "Font-Family : Arial, Helvetica, Sans-Serif;".

사용자가 설치 한 글꼴을 감지하기 위해 JavaScript 라이브러리를 사용하는 방법은 무엇입니까?

"FontFaceset"및 "FontDetector"와 같이 사용자가 설치 한 글꼴을 감지하는 몇 가지 사용 가능한 JavaScript 라이브러리가 있습니다. 이 라이브러리는 글꼴을로드 한 다음 사용 가능한지 확인합니다. 그러나 이러한 유형의 라이브러리는 일반적으로 개인 정보 보호 문제로 인해 권장되지 않습니다.

가장 일반적인 네트워크 보안 글꼴은 무엇입니까?

가장 일반적인 사이버 보안 글꼴에는 Arial, Times New Roman, Courier New, Georgia 및 Verdana가 포함됩니다. 이 글꼴은 다양한 컴퓨터 시스템에 설치 될 가능성이 높으므로 네트워크에서 사용하기에 이상적입니다.

JavaScript를 사용하여 특정 글꼴이 설치되어 있는지 확인하는 방법은 무엇입니까?

javaScript의 "document.fonts.check ()"메소드를 사용하여 특정 글꼴이 설치되어 있는지 확인할 수 있습니다. 이 메소드는 글꼴을 사용할 수 있는지 여부를 나타내는 부울 값을 반환합니다. 예를 들어, arial이 설치되면 "document.fonts.check ( '16px arial')"이 true를 반환합니다.

JavaScript를 사용하여 사용자의 설치된 글꼴에 직접 액세스 할 수 있습니까?

개인 정보 보호 문제로 인해 브라우저는 스크립트가 설치된 글꼴 목록에 직접 액세스 할 수 없습니다. 그러나 "document.fonts.check ()"와 같은 메소드를 사용하여 특정 글꼴을 사용할 수 있는지 확인할 수 있습니다.

CSS에서 대체 글꼴을 지정하는 방법은 무엇입니까?

CSS에서는 'font-family'속성에 여러 글꼴 (쉼표로 구분)을 나열하여 대체 글꼴을 지정할 수 있습니다. 브라우저는 사용자 시스템에 설치된 목록의 첫 번째 글꼴을 사용합니다. 나열된 글꼴이 설치되지 않으면 브라우저는 기본 글꼴을 사용합니다.

사용자가 설치 한 글꼴에 액세스 할 때 개인 정보 문제는 무엇입니까?

사용자가 설치 한 글꼴에 액세스하는 것은 개인 정보 보호 문제가 될 수 있습니다. 웹 사이트가 사용자의 시스템 구성을 기반으로 사용자를 고유하게 식별하고 추적 할 수있는 기술인 지문 인식에 사용될 수 있기 때문입니다. 따라서 브라우저에서는 스크립트가 설치된 글꼴 목록에 직접 액세스 할 수 없습니다.

위 내용은 JavaScript를 사용하여 시스템 글꼴을 얻습니다의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!