在沒有系統字體的環境下測試網頁

如何在我自己的機器上測試網頁，就好像我沒有特定的字體一樣？在沒有系統字體的環境下測試網頁

E.g.我的網頁使用字體Roboto。我的電腦在本地安裝了Roboto字體。如何在未安裝該字體的計算機上查看此網頁的外觀？

假設字體沒有通過某種CDN或其他方法包含在網頁中。

使用virtualbox構建虛擬機來測試？您可以安裝操作系統，快照，無論如何都需要進行各種測試，然後恢復快照以重置。 – Dave

暫時停用或卸載字體，或者改變樣式表在本地主機請求時不包含聲明。

2017-01-12 08:31:48 kontur

看起來像你是爲數不多的理解我的問題的人之一......我只是做了一個快速搜索 - 在Windows中，如果你去控制面板中的字體，選擇一個活動的字體應該給你一個'隱藏'選項，這將暫時禁用系統中的字體。正是我需要的。 –

所有網頁瀏覽器都有基本的樣式表，適用於所有元素，除非您在網站的樣式表中另有指定。這個樣式表涵蓋了字體系列，文本大小，顏色，邊距和填充等內容。每個網頁瀏覽器都有一個默認的樣式表。（不相關的，進一步閱讀，我建議你看看reset.css作爲我的答案的結尾鏈接，使它更容易爲不同的瀏覽器創建css更容易）。

如果客戶端機器沒有Roboto字體，則設置Roboto字體的CSS規則將被忽略，並且它將默認回到瀏覽器定義的字體。

你可以做什麼，是上傳的Roboto字體到你的Web服務器，如下面的堆棧溢出問題解釋說： How to add some non standard font to a website

此外，您還可以使用的Roboto字體來自CDN如谷歌字體： Google Fonts Roboto

個人而言，我更喜歡使用CDN，因爲許多其他網站使用相同的字體CDN，客戶端的瀏覽器可能已經緩存了字體。另外，CDN很快！

另外，如果您對前面提到的reset.css感興趣，請查看下面的網站。這個樣式表所做的是重新定義標準樣式表，以便每個瀏覽器都相同。 Eric Meyer reset.css

祝你好運！

2017-01-12 06:32:39

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

將此添加到您的頭部。

2017-01-12 11:59:05

如果用戶沒有安裝字體，他們將看不到字體。如果您沒有後備字體，它將使用默認的sans-serif字體。擁有這樣的後備字體總是很好的。

font-family: 'Roboto', sans-serif;

如果沒有找到的Roboto，它然後使用無襯線。

2017-01-12 12:15:40 Quan

回答