如何更改我的樣式表中所有頁面上的字體？

我正在建立一個基本的網站，我已經得到了很多，但我偶然發現了一個問題：我希望我的所有標題都是字體「Arvo」，但由於某些原因，只有索引頁面阿沃在標題。由於我的所有頁面都鏈接到樣式表，我應該能夠將每個h1更改爲該字體。如何更改我的樣式表中所有頁面上的字體？

這是我的樣式表的樣子，可能有一些不必要的代碼，但我是一個初學者。

body { 
    background: url("https://www.xmple.com/wallpaper/streaks-lines-red-stripes-1920x1080-c4-7f2a33-972c36-b02c39-cb2b3b-l4-45-72-116-187-a-135-f-1.svg") center center repeat; 
    margin: 0; 
    padding: 0; 
    background-attachment: fixed; 
} 

#wrap { 
    width: 54%; 
    margin: auto; 
    background: #fff2f9; 
    overflow: hidden; 
    padding: 15px; 
} 

div { 
    width: 300px; 
    height: 2000px; 
    background-color: white; 
    box-shadow: inset 0 100px 100px #ffffff, 0 10px 15px #000; 
} 

p { 
    color: black; 
} 

h1 { 
    font-family: 'Arvo', Georgia, Times, serif; 
    font-size: 59px; 
    line-height: 70px; 
} 

p { 
    font-family: 'PT Sans', Helvetica, Arial, sans-serif; 
    font-size: 16px; 
    line-height: 25px; 
} 

b { 
    font-family: "verdana", sans-serif; color: gold; 
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000; 
} 

a { 
    font-family: "verdana", sans-serif; 
    color: black /* unvisited link */ 
} 

/* visited link */ 
a:visited { 
    color: black; 
} 

/* mouse over link */ 
a:hover { 
    color: gold; 
} 

/* selected link */ 
a:active { 
    color: black; 
} 

}

我還需要做什麼才能在所有HTML頁面上更改字體？

來源

2016-01-13 Knugen av Swärje

您應該確保所有其他頁面都引用相同的樣式表。 – jasonwarford

也許風格是覆蓋，因此使用!important來解決它。如果你想申請只爲h1然後刪除標題其餘

h1, h2, h3, h4, h5, h6 { 
font-family: Arvo, Georgia, Times, serif !important; 
font-size: 59px; 
line-height: 70px; 
}

：使用下面的CSS的所有標題。因此，在你說「所有標題」的問題中，我添加了所有標題級別。

更新： 嘗試的字體與你的網頁鏈接，把head元素中的以下內容：

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arvo" />

或者導入字體。在CSS的開頭放置以下行：

@import url('href="//fonts.googleapis.com/css?family=Arvo');

來源

2016-01-13 18:05:14

不幸的是，這似乎沒有什麼區別。 –

@KnugenavSwärje文件是否在線檢查？ –

你是說如果它在一個域上？在那種情況下，沒有。 –

如何更改我的樣式表中所有頁面上的字體？

回答

相關問題