爲什麼我的CSS看起來不像你的CSS？

我想有一個頁面礦相同的文字風格，因爲這美麗的文字，Dan Wahiln's AngularJS tutorial 爲什麼我的CSS看起來不像你的CSS？

所以在Chrome瀏覽器開發工具：我可以看到以下內容：

font-size: 12pt; 
line-height: 1.8em; 
font-family: "Open Sans",Calibri,Candara,Arial,sans-serif;

請參見下圖： enter image description here

現在我的CSS：

p.test-fonts { 
    font-family: "Open Sans",Calibri,Candara,Arial,sans-serif; 
    font-size: 12pt; 
    line-height: 1.8em; 

    margin: 0 0 10.5px 
}

然而，日e文字呈現不同： enter image description here

爲什麼這種區別？

來源

2014-12-04 kmansoor

字體，沒有安裝/正確鏈接？ – 2014-12-04 17:09:30

除了顏色之外，它看起來並不一樣。小差異。你可能沒有他們正在使用的字體 – Huangism 2014-12-04 17:12:25

你的項目中是否有Open Sans字體？ Open-sans不是瀏覽器的默認字體，您需要手動包含它，它是由Google字體提供的字體，因此您需要在文檔中調用它，而通過@import從CSS或在DOM中。 html文件。

如果您轉到GoogleFonts網站http://www.google.com/fonts並尋找「Open-sans」，您會在其中找到關於如何使用它的所有選項，您必須選擇要使用的重量以及不同的樣式你想導入，因爲這些差異中的每一個都是實際的獨立字體，所以當你增加可用於你的網站的變體的數量時，它們的重量會更大。

ALSO 您是從瀏覽器的「文件」聲明查看文檔加載它，我會建議你，如果你是爲了不具有URL問題使用時，使用的是Windows使用本地機如XAMPP CSS上的相對路徑。

來源

2014-12-04 17:14:06 legnaleama

，如果你在他的來源看，你會看到他是包括樣式表：

http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700

，其中包括：

@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 400; 
    src: local("Open Sans"), local("OpenSans"), url("http://fonts.gstatic.com/s/opensans/v10/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff") format("woff"); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: normal; 
    font-weight: 700; 
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("http://fonts.gstatic.com/s/opensans/v10/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff") format("woff"); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: italic; 
    font-weight: 400; 
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url("http://fonts.gstatic.com/s/opensans/v10/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff") format("woff"); 
} 
@font-face { 
    font-family: "Open Sans"; 
    font-style: italic; 
    font-weight: 700; 
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("http://fonts.gstatic.com/s/opensans/v10/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff") format("woff"); 
}

來源

2014-12-04 17:14:22 andrew

爲什麼我的CSS看起來不像你的CSS？

回答

相關問題