我想使用Webpack Encore将IMG Plex字体加载到symfony项目中。
我将其导入了我的scss文件:
@import "../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf";
但是什么都没有改变。只有CDN为我工作。
是的,我没有忘记重新启动yarn encore dev --watch
希望有人可以提供帮助。
我想使用Webpack Encore将IMG Plex字体加载到symfony项目中。
我将其导入了我的scss文件:
@import "../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf";
但是什么都没有改变。只有CDN为我工作。
是的,我没有忘记重新启动yarn encore dev --watch
希望有人可以提供帮助。
您不需要在sccs中导入ttf文件。 在scss中,您必须导入@ font-face:
一个例子:
@font-face{
font-family: 'IBM_Plex_Sans';
font-style: normal;
font-weight: 400;
src: url('../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf');
}
更好的是,添加其他一些字体格式(woff,woff2,eot等)
,您可以将字体文件存储在
asset/styles/fonts/YOURFONTNAME/YOURFONT.ttf
与
@font-face {
font-family: 'YOURFONTNAME';
src:
url('./fonts/YOURFONTNAME/YOURFONT.ttf') format('truetype'),font-weight: 400;
font-style: normal;
}