gpt4 book ai didi

html - 如何在VUE元素中使用导入的字体?

转载 作者:行者123 更新时间:2023-12-05 06:13:23 26 4
gpt4 key购买 nike

我正在开发我的第一个 vue 元素,并遵循不同的示例和官方文档我无法解决在本地元素中使用导入字体时的错误。 console error

在我的标签中,我导入了我想在组件中使用的字体,然后在使用它时引用它,它返回我在图像中附加的错误


<style scooped>

@font-face {
font-family: 'RalewayRegular';
src: local('RalewayRegular'),
url(../../fonts/Raleway-Regular.ttf) format('truetype');
font-style: normal;
}

body {
font-family: 'RalewayRegular';
}

.header {
display: flex;
justify-content: center;
align-items: baseline;
}

.menu {
list-style: none;
display: flex;
align-items: baseline;
}

.nav-item {
padding: 25px;
position: relative;
}

.nav-link:hover {
color: #666B74;
}

.menu-link-toggle {
cursor: pointer;
}

.dropdown-menu {
list-style: none;
position: absolute;
padding: 10px;
background-color: white;
width: max-content;

}

a {
font-size: 14px;
color: #D53865;
font-weight: bold;
letter-spacing: 1px;
text-decoration: none;
}

a:before {
content: '';
position: absolute;
width: 30%;
height: 3px;
bottom: 30%;
left: 35%;
background: #D53865;
visibility: hidden;
border-radius: 5px;
transform: scaleX(0);
transition: .25s linear;
}

a:hover:before,
a:focus:before {
visibility: visible;
transform: scaleX(1);

}

.added {
display: none;
}


</style>


有没有用过VUE的人可以帮帮我,告诉我我的错误是什么?预先感谢您的时间和帮助

最佳答案

看起来像是 webpack 的问题。你可能需要一个配置。 Check out this article

关于html - 如何在VUE元素中使用导入的字体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63353661/

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