Javascript是一種非常靈活的編程語言，可以在Web開發中實現許多有趣和有用的功能。其中一個常見的需求是獲取用戶的系統字體，以便更好地展示文字內容。在本文中，我將介紹如何使用Javascript獲取系統字體，并提供一些示例代碼。

要獲取系統字體，我們可以使用navigator對象提供的fonts屬性。這個屬性返回一個FontFaceSet對象，其中包含了當前系統中的所有可用字體。下面是一個簡單的示例代碼：

if ('fonts' in navigator) {
navigator.fonts.forEach(function(font) {
console.log(font.family);
});
}

上面的代碼逐個遍歷了系統中的所有字體，并輸出它們的名稱到控制臺。例如，如果系統中存在Arial和Times New Roman字體，則輸出如下：

Arial
Times New Roman

如果你只想獲得某一種系統字體的詳細信息，比如字體的大小或文件路徑，可以使用FontFaceSet對象的check()方法。這個方法可以接收一個字體名稱作為參數，并返回一個Promise對象，然后你可以在Promise的回調函數中獲取到字體的詳細信息。下面是一個示例：

if ('fonts' in navigator) {
navigator.fonts.check('Arial').then(function(font) {
console.log(font.family, font.postscriptName);
});
}

上面的代碼檢查了系統中是否有名為Arial的字體，如果有，則輸出字體名稱和PostScript名稱（即文件名）。例如，如果存在Arial字體文件（Arial.ttf或Arial.otf），則輸出如下：

Arial ArialMT

有了這些信息，我們就可以更好地控制我們的網站或應用程序中的字體了。例如，我們可以在Web頁面中引用字體文件，以保證在任何設備上都能夠正確地顯示我們的文字內容。下面是一個示例：

@font-face {
font-family: 'My Custom Font';
src: url('/fonts/my-custom-font.ttf');
}
body {
font-family: 'My Custom Font', Arial, sans-serif;
}

上面的代碼定義了一個自定義字體，并將其存儲在/fonts目錄下的my-custom-font.ttf文件中。然后，我們使用CSS將這個字體應用到網頁的元素中，同時還指定了備選字體（Arial或sans-serif）以防字體無法加載。

總之，Javascript可以幫助我們輕松獲取系統字體，從而更好地控制我們的應用程序或網站中的文字內容。你可以使用navigator.fonts對象獲取所有可用的字體，也可以使用check()方法獲取特定字體的詳細信息。與此同時，還可以通過引用自定義字體文件來實現更多的自定義效果。希望本文可以對你有所幫助！