作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在开发我的第一个 vue 元素,并遵循不同的示例和官方文档我无法解决在本地元素中使用导入字体时的错误。
在我的标签中,我导入了我想在组件中使用的字体,然后在使用它时引用它,它返回我在图像中附加的错误
<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/
我是一名优秀的程序员,十分优秀!