当前位置： 移动技术网 > IT编程>网页制作>CSS > CSS3自定义字体

CSS3自定义字体

2018年04月23日  | 移动技术网IT编程  | 我要评论

原文摘自：https://www.cnblogs.com/moqiutao/archive/2015/12/23/5070463.html

总节：

1） 定义字体标准格式：

 1 @font-face {
 2     font-family: 'YourWebFontName';
 3     src: url('YourWebFontName.eot'); /* IE9 Compat Modes */
 4     src: url('YourWebFontName.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 5              url('YourWebFontName.woff') format('woff'), /* Modern Browsers */
 6              url('YourWebFontName.ttf')  format('truetype'), /* Safari, Android, iOS */
 7              url('YourWebFontName.svg#YourWebFontName') format('svg'); /* Legacy iOS */
 8 
 9     [font-weight: <weight>];
10     [font-style: <style>];
11    }　
YourWebFontName ： 字体名称
url('YourWebFontName.eot') 字体在服务器上的相对路径或绝对路径
要求尽可能的上传ttf、eot、woff、svg字体，并显示表明相应格式，比如： format('embedded-opentype')
还可以字体字体描述，比如是否是粗体： font-weight 等，但不是必须的。

 

2）字体转换网址：


https://everythingfonts.com/font-face

https://www.fontsquirrel.com/tools/webfont-generator

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网