小编Fra*_*vas的帖子

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

我正在尝试渲染我的网站,在 Google Chrome 中花费了很多时间,但在 Mozilla 中工作得很好。控制台显示错误

\n\n
GET file://fonts.googleapis.com/css?family=RobotoDraft:300,400,500,700,400italic net::ERR_FILE_NOT_FOUND\n
Run Code Online (Sandbox Code Playgroud)\n\n

我尝试在 CSS 和 HTML 中直接导入:

\n\n
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);\n\nbody {\n   font-family: \'Roboto\', sans-serif;\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

但它仍然不起作用,它抛出同样的错误。

\n\n

这是我的网站的完整 HTML 代码:

\n\n
<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset="utf-8"> </meta>\n        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"></meta>\n        <title>Sign in</title>\n        <style>\n            @import url(\'https://fonts.googleapis.com/css?family=Roboto&display=swap\');\n        </style>\n        <!-- JQuery Mobile -->\n        <link rel="stylesheet" href="./jquery/jquery.mobile-1.4.5.css"></link>\n        <!-- Project CSS -->\n        <link rel="stylesheet" href="./css/style.css"></link>\n        <!-- NativeDroid2 CSS -->\n        <link rel="stylesheet" href="./bower_components/nativeDroid2/css/nativedroid2.css"></link>\n    </head>\n    <body>\n        <div data-role="main" class="ui-content">\n            <form method="post">\n                <div class="img-container">\n                    <img src="img/logo_gemott.png" …
Run Code Online (Sandbox Code Playgroud)

html javascript css

3
推荐指数
1
解决办法
4万
查看次数

标签 统计

css ×1

html ×1

javascript ×1