vue引入.otf字体不生效

可以尝试在引入字体的地方加上 !important，如下所示：

@font-face {
font-family: 'MyFont';
src: url('myfont.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

body {
font-family: 'MyFont' !important;
}

如果还是不生效，可以检查一下字体路径是否正确，或者尝试使用其他格式的字体文件。

相关问题

vue引入.ttf字体

可以通过在CSS中使用@font-face规则引入.ttf字体文件。具体步骤如下：

1. 在项目中创建一个fonts文件夹，并将.ttf字体文件放入其中。

2. 在CSS文件中使用@font-face规则，指定字体名称、字体文件路径和字体格式，如下所示：

@font-face {
font-family: 'MyFont';
src: url('fonts/myfont.ttf') format('truetype');
}

3. 在需要使用该字体的元素中，使用font-family属性指定字体名称，如下所示：

body {
font-family: 'MyFont', sans-serif;
}

这样，就可以在Vue项目中使用.ttf字体文件了。希望能对你有所帮助！

vue.config.js配置 不生效

根据引用[3]的内容，当使用`vue-cli-service serve`命令启动项目时，会使用`vue.config.js`进行配置；而使用`webpack-dev-server`命令启动项目时，默认会使用`webpack.config.js`进行配置。因此，如果`vue.config.js`的配置在启动项目时不生效，可以检查一下使用的启动命令是否正确，确保使用的是`vue-cli-service serve`命令。另外，还需要检查一下脚本启动项是否正确设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [Vue学习笔记 —— 关于vue.config.js不生效的解决方案](https://blog.csdn.net/qq_33638188/article/details/125343763)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]