gpt4 book ai didi

css - 如何在@font-face url 中使用 css 变量

转载 作者:太空宇宙 更新时间:2023-11-04 00:52:16 24 4
gpt4 key购买 nike

:root {
--icon-url: '//at.alicdn.com/t/font_126288_147h8m0m5se5ewmi';
}

@font-face {
font-family: 'iconfont';
src: url(var(--icon-url)'.eot');
src: url(var(--icon-url)'.eot?#iefix') format('embedded-opentype'), url(var(--icon-url)'.woff') format('woff'), url(var(--icon-url)'.ttf') format('truetype'), url(var(--icon-url)'.svg#iconfont') format('svg');
}

找不到模块:错误:无法解析“Users/xxx/xxx”中的“./var(--icon-url”

最佳答案

如果你想在自定义属性中指定一个 URL,你需要写出整个 url() 表达式,并替换整个表达式:

:root {
--url: url("https://download.unsplash.com/photo-1420708392410-3c593b80d416");
}

body {
background: var(--url);
}

关于css - 如何在@font-face url 中使用 css 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55626069/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com