✖ Unexpected missing generic font family font-family-no-missing-generic-family-keyword

最新推荐文章于 2024-09-16 07:18:55 发布
最新推荐文章于 2024-09-16 07:18:55 发布
阅读量875 收藏 1
点赞数 2
文章标签： ci javascript 前端 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63042378/article/details/132721110
版权
文章讲述了在开发中遇到的关于CSSfont-family语法错误，特别强调了在定义字体时需要包含一个兜底字体以确保在主字体不可用时备用，如pingfang,Helvetica,Arial,sans-serif。作者分享了解决方案并给出建议。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ci是个让人又爱又恨的东西，领导喜欢因为用完了代码更规范了。

技术肯定就见仁见智了。 今天碰到了下面的这个错误

✖ Unexpected missing generic font family font-family-no-missing-generic-family-keyword

需求是给标题加个字体 我也冒冒失失的直接干上去了
 font-family: 'pingfang' 

报错的原因是因为font-family的语法规定 你必须要有一个兜底的字体，避免你给的字体库不存在或者下载不下来
 font-family: 'pingfang', Helvetica, Arial, sans-serif !important; 

我是这样解决的，后面的几种字体不用加引号，基本涵盖了各个类型的 建议全都加上！！！

就这。。。

vue3+vite - 解决报错 [vue/compiler-sfc] Missing initializer in const declaration.（const声明中缺少初始化器，详细解决方案）
高级前端工程师
03-31 5891
vue3+ts，vite，报错，vue3报错，vite报错，ts报错，[vue/compiler-sfc] Missing initializer in const declaration.，vue3报错，vite报错，ts报错，SFC编译报错，运行报错，打包报错，vue3运行错误，typescript，const声明中缺少初始化器，JavaScript错误处理，Uncaught SyntaxError: Missing initializer in const declaration，如何解决这个问题，检
Vue3 - Vite 解决报错 [plugin:vite:vue] [@vue/compiler-sfc] Missing semicolon. vue3+vite 在运行或打包时出现报错详细解决！
王二红
09-06 3913
vue3，vite，报错，提示错误，控制台错误，vue3报错Missingsemicolon，如何解决这个问题，vitevue3项目运行报错，缺少分号；缺少操作符或分号，vue3+vite提示Missingsemicolon.，vue3打包，编译打包报错，启动报错，无法启动，打包失败，vite打包发布时出现错误，npmrunbuild，plugin:vite:vue，@vue/compiler-sfc，Vue3使用vite打包时出现Missingsemicolon问题，没有额外的分号怎么排查
stylelint检查报错：Unexpected missing generic font family font-family-no-missing-generic-family-keyword
青颜的天空的博客
07-14 9157
Vue3 stylelint检查报错：Unexpected missing generic font family font-family-no-missing-generic-family-keyw
font property font-family does not have generic default？
weixin_33847182的博客
03-07 608
在 CSS 中，有两种不同类型的字体系列名称： 通用字体系列（generic family name） - 拥有相似外观的字体系统组合（比如 "Serif" 或 "Monospace"） 特定字体系列（font family name） - 具体的字体系列（比如 "Times" 或 "Courier"） 除了各种特定的字体系列外，CSS 定义了 5 ...
处理一些 Vue warn 和 sonar 扫描报错
weixin_47353884的博客
08-05 4239
1. [Vue warn]: Invalid prop: type check failed for prop "router". Expected Boolean, got String with val 2. Uncaught (in promise) cancel 3. Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (93)
2022-28周 项目问题整理
qq_34425377的博客
07-12 1057
新知识 1、git submodule了解 2、涉及emoji表情unicode长度不一的截取方法 3、eslint学习整理 4、proto文件 5、生成文件代码结构 6、如何编辑一个google_extension 7、go语言基础用法 问题 1、stylelint 校验 font-family-no-missing-generic-family-keyword 报错 2、cherry-markdown组件样式调整 3、diaplay:flex、flex:1 结合 table scroll，scroll.
FontCenter：AutoCAD字体缺失问题的终极解决方案
最新发布
gitblog_00868的博客
09-16 1196
FontCenter：AutoCAD字体缺失问题的终极解决方案 项目地址:https://gitcode.com/gh_mirrors/fo/FontCenter 项目介绍 在日常使用AutoCAD进行设计工作时，字体缺失问题常常困扰着设计师们。每当打开一个包含特殊字体的DWG文档时，系统提示字体缺失，不仅影响了工作效率，还可能导致设计文件的显示不完整。为了解决这一痛点，FontCenter应运而...
vue 使用 eslint 报错 [vue/no-parsing-error] Parsing error: x-invalid-end-tag.
Amy的博客
07-19 4万+
项目环境及编辑器 项目框架：vue iview 编辑器：vscode 错误提示 见下图：[vue/no-parsing-error] Parsing error: x-invalid-end-tag. 原因 Col components are wrong in eslint-plugin-vue 解决办法 以下三种办法都能搜出来，这里做个总结以及记录遇到的问题： 作者给出的办法 关闭...
tensorflow配置Mask-RCNN报错：tf.reduce_mean got an unexpected keyword argument 'keep_dims'
qq_36362060的博客
07-02 1万+
我的配置环境是： Tensorflow-gpu1.4.0 GTX1080ti CUDA8.0&Cudnn6.0 keras2.1 python3.5 在这样的环境中配置好了之后进行训练，在执行下面模块的时候出现报错 model.train(dataset_train, dataset_val, learning_rate=config.LEARNING...
xxl-job手动触发报错 xxl-rpc remoting error(no protocol: ip/run
kqZhu的博客
11-16 5万+
目录 问题 排查过程 解决 问题 今日在xxl-job任务调度中心，指定定时任务执行的机器地址时，报了xxl-rpc remoting error(no protocol: [指定ip]/run), for url : [指定ip]/run 错误。 排查过程 查看任务自动注册的执行器： 第一步，去10.223.96.66这台机器上确定服务是否正常启动，显示相应的Java服务已经从上午11：31开始在正常运行。说明服务没问题， 第二步，查看10.223.96.66上9..
font-family设置
Listron的专栏
03-17 1278
大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下： 一、首先我们看看各平台的默认字体情况 1、Window下： 宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时...
SonarQube检测出的bug、漏洞以及异味的修复整理
过来好好打一场
03-05 1万+
SonarQube检测出的bug、漏洞以及异味的修复整理
解决font property font-family does not have generic default
ForMyQianDuan的博客
10-05 4135
编辑器在提醒你，CSS font-famiy需要配置用来 fallback 的 generic-name。generic-name不是指某一款字体，而是一类风格字体。例如: serif,sans-serif,monospace 等。相关链接:http://www.w3.org/TR/CSS21/fonts.html#generic-font-families加上generic-family就好了，中
中文字体font-family常用列表
aoquedai2376的博客
12-19 1097
中文字体font-family常用列表 Windows： 新細明體：PMingLiU 細明體： MingLiU 標楷體： DFKai-SB 黑体： SimHei 新宋体： NSimSun 仿宋： FangSong 楷体： KaiTi 仿宋_GB2312：FangSong_GB2312 楷体_GB2312：KaiTi_GB2312 微軟...
如何选择字体(font-family)
SimpleLife
01-14 9775
大家都知道，在不同操作系统、不同浏览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下： 一、首先我们看看各平台的默认字体情况 1、Window下： 宋体（SimSun）：Win下大部分浏览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用...
字体和font-family对照表
热门推荐
Eighteen Z
05-30 7万+
windows常见内置中文字体 字体中文名 字体英文名 字体应用 ...
实现提交代码至 Git 远程仓库前，自动验证规范性
Lyrelion的博客
05-19 4145
实现提交代码至 Git 远程仓库前，自动验证规范性
在Vue项目中，sonar 扫描前端 font-family: "iconfont" !important;报Unexpected missing generic font family该怎么解决
05-30
这个问题是由于 SonarQube 中含有一个名为 `Web:NoFallbackFont` 的规则，该规则要求所有字体族必须含有一个通用字体族（如 `sans-serif`、`serif`、`monospace` 等）。然而，在你的样式中，你使用的是一个非通用字体族 `iconfont`，所以会报出该错误。 为了解决这个问题，你可以将 `font-family` 属性的值修改为一个通用字体族，例如： ```css font-family: "iconfont", sans-serif !important; ``` 这样就可以避免 SonarQube 报出 `Web:NoFallbackFont` 错误了。同时，你也可以考虑将 `!important` 关键字的使用减少，因为过多使用 `!important` 可能会导致样式难以维护。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值