我尝试使用使用Font Squirrel生成的CSS在我的网站中实现自托管自定义字体:
@font-face {
font-family: 'My Font';
src: url('http://absolute.path/to/font.eot');
src: url('http://absolute.path/to/font.eot?#iefix') format('embedded-opentype'),
url('http://absolute.path/to/font.woff2') format('woff2'),
url('http://absolute.path/to/font.woff') format('woff'),
url('http://absolute.path/to/font.ttf') format('truetype'),
url('http://absolute.path/to/font.svg#pulse_rifle_expandeexpandedIt') format('svg');
font-weight: normal;
font-style: normal;
}
这在Firefox,Safari和IE 8+上运行良好,但在Chrome(44.0.2403.157)和Canary(47.0.2497.0)上,字体似乎消失了 - 我做了一个无法识别的更改,刷新页面和字体没有被应用。当我还原更改时,字体不会返回,因此它没有链接。