vue外包项目 开发中,需要用到很多字体,经常会遇到重复的字体,为了避免每次都需要重新寻找,做个记录方便服用。
字体名称
DIN
字体列表
字体文件很多自己按需引用即可
DIN-Black.otf
DIN-BlackAlternate.otf
DIN-BlackItalic.otf
DIN-BlackItalicAlt.otf
DIN-BlackItalicExp.otf
DIN-Bold.otf
DIN-BoldAlternate.otf
DIN-BoldItalic.otf
DIN-BoldItalicAlt.otf
DIN-BoldItalicExp.otf
DIN-Euro.otf
DIN-Light.otf
DIN-LightAlternate.otf
DIN-LightItalic.otf
DIN-LightItalicAlt.otf
DIN-LightItalicExp.otf
DIN-Medium.otf
DIN-MediumAlternate.otf
DIN-MediumItalic.otf
DIN-MediumItalicAlt.otf
DIN-MediumItalicExp.otf
DIN-Regular.otf
DIN-RegularAlternate.otf
DIN-RegularItalic.otf
DIN-RegularItalicAlt.otf
DIN-RegularItalicExp.otf
DINCond-Black.otf
DINCond-BlackAlternate.otf
DINCond-BlackExpert.otf
DINCond-Bold.otf
DINCond-BoldAlternate.otf
DINCond-BoldExpert.otf
DINCond-Light.otf
DINCond-LightAlternate.otf
DINCond-LightExpert.otf
DINCond-Medium.otf
DINCond-MediumAlternate.otf
DINCond-MediumExpert.otf
DINCond-Regular.otf
DINCond-RegularAlternate.otf
DINCond-RegularExpert.otf
DINEngschrift-Alternate.otf
DINEngschrift.otf
DINPro-Black.otf
DINPro-Bold.otf
DINPro-Light.otf
DINPro-Medium.otf
DINPro-Regular.otf
使用代码
按需引用,这里我只需要DIN-MediumItalic.otf,就以DIN-MediumItalic.otf为例
@font-face {
font-family: 'DIN';
src: url('../fonts/DIN-MediumItalic.otf');
}
.size {
font-family: 'DIN';
}