参见英文答案 >
Using custom fonts using CSS?7个
如何在我的网站的CSS编辑器中添加Ubuntu字体系列？这是我的字体和标题已经有,但不想要我现在的字体,我想要Ubuntu字体.
如何在我的网站的CSS编辑器中添加Ubuntu字体系列？这是我的字体和标题已经有,但不想要我现在的字体,我想要Ubuntu字体.
/* ##### Common Styles ##### */
body {
color: black;
background-color: white;
font-family: "times new roman",times,roman,serif;
font-size: 12pt;
margin: 0;
padding: 0;
}
acronym,.titleTip {
font-style: italic;
border-bottom: none;
}
要么
/* ##### Header ##### */
#header {
margin: 0;
padding: 0;
border-bottom: 1px solid black;
}
.headerTitle {
font-size: 200%;
margin: 0;
padding: 0 0 0.5ex 0;
}
.headerTitle a {
color: black;
background-color: transparent;
font-family: "trebuchet ms",verdana,helvetica,arial,sans-serif;
font-weight: normal;
text-decoration: none;
}
.subHeader {
display: none;
}
/* ##### Side Bars ##### */
#side-bar {
display: none;
}
/* ##### Main Copy ##### */
#main-copy {
text-align: justify;
margin: 0;
padding: 0;
}
#main-copy h1 {
font-family: "trebuchet ms",sans-serif;
font-size: 120%;
margin: 2ex 0 1ex 0;
padding: 0;
解决方法
导入字体
首先,您必须确保,您的网站具有该字体,以防您的网站的普通用户没有这种字体.
选项1 – 从外部提供商导入
您可以从外部字体主机(如Google字体)导入整个字体文件和设置.只需将此代码放在HTML中即可从外部导入：
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
选项2 – 将其存储在服务器中
您可以下载然后将字体文件上传到您的服务器,然后通过您的CSS中的@ font-face导入它们.在这个例子中,您的字体文件的位置将是http://example.com/fonts/ubuntu.woff.
@font-face {
font-family: 'Ubuntu';
font-style: normal;
font-weight: 400;
src: local('Ubuntu'),url(http://example.com/fonts/ubuntu.woff) format('woff');
}
使用字体
那么你必须指定要在哪里使用该字体.只需添加Ubuntu到您的font-family列表：
body {
font-family: Ubuntu,"times new roman",serif;
}
