在CSS中更改字体

Question

我需要将字体更改为Georgia。目前的CSS是：

font: normal normal normal 14px/1 FontAwesome;

我在图标中使用了这个，但是我希望将格式更改为格鲁吉亚并且这样做我尝试了这个：

font: Georgia normal normal 14px/1 FontAwesome;

但这不起作用。我做错了什么？

Answer 1

同一元素不能有2种字体。您需要将文本HOME移动到单独的元素。

e.g。

CSS

.home {
    font-family: Georgia;
}

HTML

<i class="fa fa-map-marker"></i><span class="home">HOME</span>

Answer 2

Font Family fontAwesome与Font Family Georgia

无关

你应该这样声明

font: normal normal 14px/16px Georgia,sans-serif;

首先normal - ＆gt; font-weight（光线正常粗体等）

秒normal - ＆gt; font-style（正常，斜体，斜）

14px - ＆gt; font-size

16px - ＆gt; line-height（我建议您使用比字体大更大的行高，不像您在示例中设置的那样）

georgia,sans-serif - ＆gt; font family，格鲁吉亚是family-name而sans-serif是generic-family

您可以在单个标记上使用2个font-family，但不会按照您的意图使用它。它会像这样工作：

  

font-family属性可以将多个字体名称作为“后备”系统。如果浏览器不支持第一种字体，则会尝试下一种字体。

p {
		
font: normal normal normal 14px/1 FontAwesome;
}
h1 {
	font: normal normal 14px/16px Georgia,sans-serif;
}

<h1>
some heading
</h1>
<p>
Some text
</p>