是否有可能通過它的名稱修改（斜體，字體重量）在css文件中使用谷歌網頁字體？

例如，我想使用Monsterrat字體系列。我將其導入到我的CSS文件，像這樣：是否有可能通過它的名稱修改（斜體，字體重量）在css文件中使用谷歌網頁字體？

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

然後我就可以這樣使用它：

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

上述網址具有字體重量和斜體修飾，有自己的名稱，如「光斜體「，」斜體中等「等... 我的問題是，我可以簡單地調整字體重量：300和font-style：italic沒有url。我想使用名稱「Italic Medium」INLINE，就像這樣。

字體家庭： '蒙塞拉特島'，光斜體;

可以嗎？

來源

2017-10-19 Cyberstaker

你嘗試它，它沒有工作的700I？ – j08691

你的意思是你希望能夠使用字體樣式的明確名稱，比如'font-family：'Montserrat Light Italic''？不，這是行不通的，因爲Google樣式表不會在該標識符下「註冊」它們，而是在所有版本中使用相同的一個 - 而且這通常是您想要的，所以只需指定該一般字體系列，瀏覽器可以根據字體樣式和字體重量選擇合適的樣式。 – CBroe

爲什麼你不想使用'font-weight'和'font-style'？這正是他們想要的。 – Ryan

是，也不是，

你舉的例子是：

font-family: 'Montserrat', Light Italic;

的谷歌字體粗細 '光' 是重量300（斜體或正常字體樣式）。並且在CSS font-weight中：normal與font-weight：400等效，粗體等於700.

這樣，我們就可以使用字體速記語法來關閉字體，該語法允許使用多種字體屬性，例如您想要一次性聲明字體樣式，字體重量和字體系列。

不幸的是，字體大小值是字體簡寫語法的要求，所以你需要在那裏了：

font: italic normal 1rem 'monserrat'

或

font: italic 300 1rem 'monserrat'

第二個有讓你相當於'Light'字體重量，但'Light'不是有效的CSS字體重量 - 'normal'和'bold'以及一些相關術語，比如'lighter'或'bolder'。

你也可以使用initial或inherit儘可能值的字體大小。

您可以使用內聯方式。

<p style="font: italic 300 1rem 'monserrat'">...</p>

不完全是你之後？但接近你會得到:)

https://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

和一個額外的點 - 每個款式在你導入規則包括添加到加載時間和頁面大小，可能是一個好主意，以確定您將使用哪一個，並且只包含這些內容。例如，如果你不需要700重量斜體字，不包括在進口

來源

2017-10-19 23:43:12 wunth

謝謝你的好解釋！ :) – Cyberstaker

是否有可能通過它的名稱修改（斜體，字體重量）在css文件中使用谷歌網頁字體？

回答

相關問題