html字体

转换工具

1、https://www.fontconverter.org/

字体类型/支持

-	-
IE6	仅支持 Embedded OpenType(.eot) 格式。
IE7	仅支持 Embedded OpenType(.eot) 格式。
IE8	仅支持 Embedded OpenType(.eot) 格式
Firefox 3.5	支持 TrueType、OpenType(.ttf, .otf) 格式。
Firefox 3.6	支持 TrueType、OpenType(.ttf, .otf) 及 WOFF 格式。
Chrome	支持 TrueType、OpenType(.ttf, .otf) 及 SVG Font(.svg) 格式。
Safari	支持 TrueType、OpenType(.ttf, .otf) 及 SVG Font(.svg) 格式。
Opera	支持 TrueType、OpenType(.ttf, .otf) 及 SVG Font(.svg) 格式。

自定义字体的使用

在CSS中引入字体并给名字取一个合适的名字

@font-face{
     font-family: '字体名称'; 
     src: url('../font/字体名称.eot');
     src:url('../font/字体名称.woff') format('woff'),
         url('../font/字体名称.ttf') format('truetype'),
         url('../font/字体名称.svg') format('svg');

引入字体

.font {
            font-family: "";
        }