CSS3自定义字体
程序员文章站
2022-03-18 16:07:10
原文摘自：https://www.cnblogs.com/moqiutao/archive/2015/12/23/5070463.html 总节： 1） 定义字体标准格式： 2）字体转换网址： http://www.freefontconverter.com/https://everythingfo ......
原文摘自：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）字体转换网址：
http://www.freefontconverter.com/
https://everythingfonts.com/font-face
http://onlinefontconverter.com/
https://www.fontsquirrel.com/tools/webfont-generator