多个自定义字体无法在CSS + HTML中工作，尽管四重检查正确的格式？

wsxa1bj1 于 2023-08-09 发布在其他

关注(0)|答案(1)|浏览(94)

我是新的编程和这个网站。所以请在你的解释中记住这一点！我正在做一个网站上的新城市，我正试图使用多个自定义谷歌字体。出于某种原因，只有第一个字体，RUBIK VINYL，是工作。

我的CSS文档代码：

/*HEADING FORMATTING */
h1 {
  font-family: 'Rubik_Vinyl';
   color: #1e1c1f;
    font-size: 5em; 
    text-align: center;
}

h2 { /*this isn't working :( */
    font-family: 'Cabin_Sketch';
    text-align: center;
   color: #1e1c1f;
    font-size: 3em;
}

/*REGULAR TEXT FORMATTING */
p { /*this also isn't working :( */
    font-family: 'DM-Sans';
    text-align: center;
   color: #1e1c1f;
    font-size: 1em;
}

字符串

我的HTML文档部分代码：

<style>
     @font-face {
  font-family: 'Rubik_Vinyl';
  src: url(https://wormgodking.neocities.org/Rubik_Vinyl/RubikVinyl-Regular.ttf);
}

    @font-face {
  font-family: 'Cabin-Sketch';
  src: url(https://wormgodking.neocities.org/Cabin-Sketch/CabinSketch-Regular.ttf);
}

   @font-face {
  font-family: 'DM-Sans';
  src: url(https://wormgodking.neocities.org/DM-Sans/DMSans-Regular.ttf);
}
    </style>

型
据我所知，医生里没有别的东西会把它弄乱。我开始裸露的骨头和得到我的字体的权利第一。
请帮忙：（
我尝试的是：

谷歌搜索问题（只找到格式错误作为答案）
四重检查所有格式，字体名称，html标签，css格式等
哭

css

来源：https://stackoverflow.com/questions/76813870/multiple-custom-fonts-not-working-in-css-html-despite-quadruple-checking-prope

1条答案

按热度按时间

ruarlubt1#

@font-face {
            font-family: 'Rubik Vinyl';
            src: url('https://fonts.cdnfonts.com/s/93371/RubikVinyl-Regular.woff') format('woff');
        }

        @font-face {
            font-family: 'Cabin Sketch';
            src: url('https://fonts.cdnfonts.com/s/15530/CabinSketch-Regular.woff') format('woff');
        }

        @font-face {
            font-family: 'DM Sans';
            src: url('https://fonts.cdnfonts.com/s/29932/DMSans-Regular.woff') format('woff');
        }

        /*HEADING FORMATTING */
        h1 {
            font-family: 'Rubik Vinyl';
            color: #1e1c1f;
            font-size: 5em;
            text-align: center;
        }

        h2 {
            font-family: 'Cabin Sketch';
            text-align: center;
            color: #1e1c1f;
            font-size: 3em;
        }

        /*REGULAR TEXT FORMATTING */
        p {
            font-family: 'DM Sans';
            text-align: center;
            color: #1e1c1f;
            font-size: 1em;
        }

个字符
你的代码的问题是你的字体的url不正确。我用你想要的三种字体制作了这个示例页面。我使用了来自www.example.com的字体cdnfonts.com，以使实现更容易。你也应该拼写字体名称完全一样，他们被宣布，它的问题，如果有一个'_'或'-'

赞(0）回复(0）举报 2023-08-09

我来回答

多个自定义字体无法在CSS + HTML中工作，尽管四重检查正确的格式？

1条答案

相关问题

热门标签

最新问答