我们有一个内部应用程序,其中包含一堆自定义字体。该应用程序仅适用于最新版本的chrome,因此我们无需担心兼容性问题。在我们的sass中,我们有:
@font-face {
font-family: 'fonticons';
src: url('../assets/fonts/fonticons.eot?5066');
src: url('../assets/fonts/fonticons.eot?5066#iefix') format('embedded-opentype'),
url('../assets/fonts/fonticons.woff2?5066') format('woff2'),
url('../assets/fonts/fonticons.woff?5066') format('woff'),
url('../assets/fonts/fonticons.ttf?5066') format('truetype'),
url('../assets/fonts/fonticons.svg?5066#fonticons') format('svg');
font-weight: normal;
font-style: normal;
}
这看起来有点矫枉过正。我想避免使用和创建不必要的字体文件。以下似乎也有效:
@font-face {
font-family: 'fonticons';
src: url('../assets/fonts/fonticons.woff2?5066') format('woff2');
font-weight: normal;
font-style: normal;
}
如果我这样做,那么我可以删除woff,eot和ttf文件,使构建过程更简单,更快捷。生成字体目前尚未自动化,这是我的目标。我有两个问题: