css自定义字体，在线字体设计生成
大家好，关于css自定义字体很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于在线字体设计生成的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
定义自定义字体需要css的什么规则
定义和用法
font-family规定元素的字体系列。
font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。也就是说，font-family属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。
有两种类型的字体系列名称：
指定的系列名称：具体字体的名称，比如："times"、"courier"、"arial"。
通常字体系列名称：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示：使用逗号分割每个值，并始终提供一个类族名称作为最后的选择。
注意：使用某种特定的字体系列（Geneva）完全取决于用户机器上该字体系列是否可用；这个属性没有指示任何字体下载。因此，强烈推荐使用一个通用字体系列名作为后路。
如何用css样式设计整个网站字体
网站字体分为两种类型，一种是默认字体，一种是外部字体。
默认字体
如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：body{font-family:"宋体"}，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。
外部字体
样式表中嵌入外部字体，用@font-face语法。
@font-face{font-family:name;src:<url>;sRules;}
<name>：为自定义字体名称
<url>：使用绝对或相对地址指定OpenType字体
<sRules>：样式表定义
如：
@font-face{
font-family:YH;
src:url();
}
然后再设置需要变换字体的样式即可，如：body{font-family:YH}，字体名称是上述所说自定义好的名称。
如何让网页自带特殊字体
CSS自定义字体，让你的字体运用随心所欲！
步骤：
1、下载所需字体。字体下载站提供的字体一般为.TTF格式。
2、字体转格式。为了确保在主流浏览器中都能正常显示该字体，需要提供3种字体格式。我们可以拿下载下来的.TTF文件去转换得到另外两种格式的字体。字体文件格式的转换可以通过网站FontsQuirrel或 onlinefontconverter提供的在线字体转换服务获取。
.TTF或.OTF适用于Firefox 3.5、Safari、Opera
.EOT适用于Internet Explorer 4.0+
.SVG适用于Chrome、IPhone
3、使用@font-face定义字体。如果你是在fontsquirrel.com进行的字体转换，那么连定义字体的步骤都可以免了。转换以后他会提供一个下载包，里面包含需要的字体格式和定义好字体样式的CSS文件stylesheet.css，还有一个供查看字体的demo.html文件。把字体和stylesheet.css拷贝到你的CSS文件夹目录里面就可以调用了。如何生成的样式不能满足你的要求，可以自己修改。
4、在html里面调用CSS。
附： CSS字体声明：
@font-face{
font-family:‘fontNameRegular’;
src: url(’fontName.eot’);
src: local(’fontName Regular’),
local(’fontName’),
url(’fontName.woff’) format(’woff’),
url(’fontName.ttf’) format(’truetype’),
url(’fontName.svg#fontName’) format(’svg’);
}
/*其中fontName替换为你的字体名称*/
在页面中需要的地方使用该字体：
p{ font: 13px fontNameRegular, Arial, sans-serif;}
h1{font-family: fontNameRegular}
然而，博客园并不能上传字体文件，上传到别的网盘什么的好像并不知道这个url什么的，这就很尴尬了呀。
文章到此结束，如果本次分享的css自定义字体和在线字体设计生成的问题解决了您的问题，那么我们由衷的感到高兴！