为了账号安全,请及时绑定邮箱和手机立即绑定

如何解决 Google Chrome 中 Roboto 字体加载的问题?

如何解决 Google Chrome 中 Roboto 字体加载的问题?

慕神8447489 2021-06-03 17:33:34
我正在尝试渲染我的网站,并且在 Google Chrome 中花费了大量时间,但在 Mozilla 中运行良好。控制台显示错误GET file://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic net::ERR_FILE_NOT_FOUND我试图在 CSS 和 HTML 中直接导入:@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);body {   font-family: 'Roboto', sans-serif;}但它仍然不起作用,它抛出同样的错误。这是我网站的完整 HTML 代码:<!DOCTYPE html><html>    <head>        <meta charset="utf-8"> </meta>        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"></meta>        <title>Sign in</title>        <style>            @import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');        </style>        <!-- JQuery Mobile -->        <link rel="stylesheet" href="./jquery/jquery.mobile-1.4.5.css"></link>        <!-- Project CSS -->        <link rel="stylesheet" href="./css/style.css"></link>        <!-- NativeDroid2 CSS -->        <link rel="stylesheet" href="./bower_components/nativeDroid2/css/nativedroid2.css"></link>    </head>    <body>        <div data-role="main" class="ui-content">            <form method="post">                <div class="img-container">                    <img src="img/logo_gemott.png" alt="No es pot carregar la imatge" height="110" width="350">                </div>            </form>        </div>    </body></html>
查看完整描述

3 回答

?
慕码人2483693

TA贡献1860条经验 获得超9个赞

终于我找到了问题所在。我正在使用一个名为 NativeDroid2 的 Jquery Mobile 主题,它在 CSS 文件中错误地加载了 Roboto 字体系列。我只是评论了网址,现在完美运行。


查看完整回答
反对 回复 2021-06-11
  • 3 回答
  • 0 关注
  • 461 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信