侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css – Chrome中忽略字体

2023-03-10 星期五 / 0 评论 / 0 点赞 / 79 阅读 / 2411 字

我在谷歌浏览器中遇到了字体问题,我认为这是由 Windows中的问题引起的.当我启动Google Chrome时,它会打开位于我的硬盘上的网站.这是我自己创建的HTML网站,其中包含我最喜欢的所有网

... . . 我在谷歌浏览器中遇到了字体问题,我认为这是由 Windows中的问题引起的.当我启动Google Chrome时,它会打开位于我的硬盘上的网站.这是我自己创建的HTML网站,其中包含我最喜欢的所有网站.在css代码中,我选择了Dina字体作为要显示的主要字体.直到上周左右,当Chrome以某种方式用标准的Times New Roman字体覆盖Dina字体时,一切都运行良好.

我检查了一切,我不知道它来自哪里. html文件没有被更改,奇怪的是Firefox和Edge也忽略了Dina字体.

安装该字体是因为它在记事本中工作.所以没有任何错误.

我还在css中将Dina字体更改为Arial以查看是否有效并且Chrome确实显示了Arial字体,因此css脚本似乎没有任何问题.

链接到字体:https://www.donationcoder.com/Software/Jibz/Dina/

我希望有人可以帮我在谷歌浏览器中再次显示Dina字体.

CSS代码:

a:link  {color: #d3d3d3 ; text-decoration: none; font-weight: normal;}a:visited {color: #d3d3d3; text-decoration: none; font-weight: normal;}a:active {color: #d3d3d3; text-decoration: none; font-weight: normal;}a:hover {color: #FFFFFF; text-decoration: none; font-weight: normal;}.td {vertical-align: top; width: 12%;} .table {width: 100%;}.divInfo    {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; display:none; padding-left:5px;}.text   {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; color : #d3d3d3; text-decoration : none; display : inline-block;}.kop {width: 100%; font-family: Dina; font-size : 14px; line-height: 20px; color : #ff8000; text-decoration : none; font-weight: bold;}

提前致谢!

.

解决方法

. 尝试在CSS的开头添加以下内容:

@font-face {  font-family: "Dina";  src: url(https://www.donationcoder.com/Software/Jibz/Dina/...) format("truetype");}

其中https://www.donationcoder.com/Software/Jibz/Dina / …是带有字体的文件的链接,扩展名为.ttf或.otf,或类似,后跟格式(“truetype”)或格式化(“opentype”).

所以基本上要确保字体正确链接.

TimesNewRoman是默认的字体系列,因此无论何时找不到您要使用的内容,都会使用它.

. . .. ...

广告 广告

评论区