接下来,你需要在CSS或SCSS文件中使用@font-face规则来定义字体。通常,你会创建一个单独的CSS文件(例如fonts.css)来集中管理这些字体定义。 fonts.css css /* 定义字体 */ @font-face { font-family: 'YourFont'; src: url('@/assets/fonts/YourFont.woff2') format('woff2'), /* 推荐使用woff2格式,...
src: url("./Alibaba-PuHuiTi-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Alibaba-PuHuiTi-Regular"; /* 必须使用相对路径 不然字蛛压缩报错 web fond font*/ src: url("./Alibaba-PuHuiTi-Regular.ttf") format("truetype"); font-weig...
*/ +@font-face { + font-family: 'iconfont'; /* Project id 3759887 */ + src: url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff2?t=1669254870518') format('woff2'), + url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff?t=1669254870518') format('woff'), + url(...
@font-face { font-family: 'Opensans-Bold'; font-style: normal; src: local('Opensans-Bold'), url(@/assets/fonts/OpenSans-Bold.woff2) format('woff2'); } 10投票 一个新的 sass 模块系统 注意:Sass 团队不鼓励继续使用 @import 规则。萨斯将在未来几年内逐步淘汰它,并最终将其完全从语言中...
}@font-face{font-family:Namian2;src:url(/assets/Namian-Regular-Baaf_SnZ.woff2)format('woff2');font-style:normal;font-weight:400;display:swap; } As you can see, the path was not resolved properly. What i expect is Vite be able to resolve paths inside cssurl()functions ...
第一步:拷贝项目下面生成的 @font-face + @font-face { + font-family: 'iconfont'; + src: url('iconfont.ttf?t=1691728494391') format('truetype'); +} + + 第二步:定义使用 iconfont 的样式 + .iconfont { + font-family: "iconfont" !important; + font-size: 16px; + font-style: normal...
<!-- src/styles/fonts.css --> @font-face { font-family: 'MyFont'; src: url('./fonts/myfont.woff2') format('woff2'), url('./fonts/myfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'MyFont', sans-serif; }...
上面css文件中, 有个自定义font-face字体文件, 经过 vite 编译后, 从@font-face开始, 后面的代码全部消失了, vite 不支持 base64 的字体文件? 临时解决方法: 将 css 文件直接丢到 html 模板里, 通过 link 引入 04.07 更新: 经过排查, 得出的结果是使用vite-plugin-windicss插件有误造成的, 误会vite了… ...
*/ +@font-face { + font-family: 'iconfont'; /* Project id 3759887 */ + src: url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff2?t=1669254870518') format('woff2'), + url('//at.alicdn.com/t/c/font_3759887_yn0hf157sy.woff?t=1669254870518') format('woff'), + url(...
@font-face { font-family: "Quicksand"; src:local("Quicksand-Regular"), url('@/assets/fonts/**quicksand-regular**/7f9edfb12c4146a51e3a8b95042aeb26.ttf'); font-weight: 400; font-style: normal; font-display: swap; } my vite config: ...