使用CSS设置链接字体

时间:2014-07-17 20:51:22

标签: html css fonts hyperlink

我想使用字体' Libre Baskerville'为我的链接。

这是我失败的尝试:

ul li a{
    display: block;
    color: #fff;
    text-decoration: none;
    font-family:"Libre Baskerville";
}

如何设置字体?

1 个答案:

答案 0 :(得分:3)

默认情况下,Libre Baskerville可能在客户端上不可用,但您可以通过CSS加载它。您可以从自己的服务器上提供服务,但从Google提供服务可能更方便:

https://www.google.com/fonts/specimen/Libre+Baskerville

您可以点击配置器:

https://www.google.com/fonts#UsePlace:use/Collection:Libre+Baskerville

您可以选择喜欢的样式和字符集。明智地选择,并选择您需要的最小选项。较少的选项意味着较小的下载(页面上有一个指标),较小的下载会导致更快的页面加载。

当您完成后,您将获得一行以包含该字体,如下所示:

<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville' rel='stylesheet' type='text/css'>

之后,您可以像在CSS中一样使用它:

font-family: 'Libre Baskerville', serif;