生成网页字体
https://onlinefontconverter.com/
eot:IE
onetype是微软和Adobe共同开发的字体,IE浏览器全部采用这种字体。
woff:其它浏览器
woff(web开发字体格式)是一种专门为web而设计的字体格式标准,实际上是对truetype/onetype等字体格式的封装,每个字体文件中含有字体以及针对字体的元数据(Metadata),字体文件被压缩,以便于网络传输。
ttf:手机浏览器
是windows和mac系统最常用的字体格式。
svg:SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体,还有一种gzip压缩格式的SVG字体。
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
#logo{
font-family:
'MyWebFont', 'PingFang SC',
'Helvetica Neue','Helvetica',
'STHeitiSC-Light',"Microsoft YaHei", 'Arial', sans-serif;
font-size: 60px;
}
font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。