为什么是镀铬不显示我@字体面?

0

的问题

我载你好世界html文件中铬95,宣布@字体面装载从Google的字体。 字体是正确装载的,我可以验证网络中的标签,但由于某些原因我div是呈现为时间。

我做错了什么?

<html>
<div style='font-family:OpenSans-Regular;'>
    Hello World!
</div>
</html>
<style>
    @font-face {
      font-family: OpenSans-Regular;
      font-style: normal;
      font-weight: 400;
      font-stretch: 100%;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/opensans/v27/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    }
</style>
css font-face google-chrome html
2021-11-23 02:28:37
1

最好的答案

1

Google的字体的文件,应该使用 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name"> 不写他们的。

你的 <style> 元件是在错误的地方,都没有 <body> 元素在你HTML。

<html>
    <head>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">

        <style>
            * {
                font-family: "Open Sans";
            }
        </style>
    </head>
    <body>
        <div style='font-family:Open Sans'>
            Hello World!
        </div>
    </body>
</html>
2021-11-23 03:23:17

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................