JavaScript를 사용하여 시스템 글꼴을 얻습니다-JS 튜토리얼-php.cn

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

Jennifer Aniston

풀어 주다： 2025-02-22 09:34:12

원래의

598명이 탐색했습니다.

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

javaScript

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

샘플 코드 다른 메소드

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

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

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;
}

로그인 후 복사

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

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

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

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字体。');
}

로그인 후 복사

기본 글꼴 액세스 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가 포함됩니다. 이 글꼴은 다양한 컴퓨터 시스템에 설치 될 가능성이 높으므로 네트워크에서 사용하기에 이상적입니다.