字體 - 您可以引用HTML中的路徑嗎？

Question

我瞭解字體面，第一次和我似乎無法在別處找到我的解決方案..

我要讓只有一個H1標籤有一個自定義的字體面，即一種風格我下載並放入一個名爲/fonts的文件夾中。

我只希望它出現在這個ONE H1標籤中，所以我想通過HTML進入而不是創建一個新的Div類。

的樣式的名稱是「甜蜜破大膽」

有從H1標籤內引用中HTML的字體面的方法嗎？

我似乎無法弄清楚......

Answer 1

所以你導入的字體到您的HTML第一

<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

然後爲你正在尋找剛纔的字體H1爲不使一個新的div你會怎麼做：

<h1 style="font-family: 'Open Sans', sans-serif;">Hi!</h1> 

你只改變FONT-FAMILY項目對什麼項目是「甜蜜破碎大膽」。

如果您使用的是本地字體，你只是從上面什麼對

<link href='folder/localfont.ext' rel='stylesheet' type='text/css'> 

Answer 2

1）分配一個新的類，以特定的h1標籤更改導入，例如

<h1 class="xyz1">[...Header Text...]</h1> 

2）在CSS（樣式表或在您的網頁<style>標籤），創建一個CSS規則是這樣的：

.xyz1 { 
    font-family: 'Sweetly Broken Bold'; 
} 

增加：

3）相反的＃1和＃2，您也可以在HTML代碼寫這個（=無需額外的樣式定義）：

<h1 style="font-family: 'Sweetly Broken Bold';">[...Header Text...]</h1>