我的字体家族没有在CSS上工作，我在Google字体上找不到它

发布于 2025-02-02 05:59:46 字数 789 浏览 3 评论 0原文

我正在尝试在HTML和CSS中重新创建此首页进行练习。 https://cgr-consulting.ca/#join 。我不确定如何找到Navbar的字体，特别是“关于我们”，“我们的使命”和“与我们联系”链接。我尝试在字体链接上查看HTML头部，但这非常令人困惑。...我的代码在下面。

    <nav>
        <ul class="nav-links">
            <li><a href='about.html'>about</a></li>
            <li><a href="our-mission.html">our mission</a></li>
            <li><a href='contact-us'>contact us</a></li>
        </ul>
    </nav>



    li a {
      font-family: 'Cirka Light__subset', Cirka Light, Times New 
      Roman, Georgia, serif;

     }

我已经使用Inspect工具从链接的网站上抓住了这个字体系列，然后去了Navbar。这是出现的字体^^，但它无能为力。

原文

I am trying to recreate this homepage for practice in html and css. https://cgr-consulting.ca/#join. I am not sure how to find the font for the navbar, specifically the "about us", "our mission" and "contact us" links. I have tried looking in the html head at the font links but it's extremely confusing.... my code is below.

    <nav>
        <ul class="nav-links">
            <li><a href='about.html'>about</a></li>
            <li><a href="our-mission.html">our mission</a></li>
            <li><a href='contact-us'>contact us</a></li>
        </ul>
    </nav>



    li a {
      font-family: 'Cirka Light__subset', Cirka Light, Times New 
      Roman, Georgia, serif;

     }

I have grabbed this font family, from the linked website using the inspect tool, then going to the navbar. this is the font what comes up ^^, yet it does nothing.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

撑一把青伞 2025-02-09 05:59:46

要使用任何自定义font-family您需要使用 @Import 属性以从某些链接导入字体。在您的情况下，您可以从在这里。

@import url(//db.onlinewebfonts.com/c/48a569e2727e204524df572f7ad451a5?family=Cirka+Light);

    li a {
     font-family: "Cirka Light";
    }

<nav>
        <ul class="nav-links">
            <li><a href='about.html'>about</a></li>
            <li><a href="our-mission.html">our mission</a></li>
            <li><a href='contact-us'>contact us</a></li>
        </ul>
    </nav>

To use any custom font-family you need to use @import property to import the font from some link. In your case you can import it from here .

@import url(//db.onlinewebfonts.com/c/48a569e2727e204524df572f7ad451a5?family=Cirka+Light);

    li a {
     font-family: "Cirka Light";
    }

<nav>
        <ul class="nav-links">
            <li><a href='about.html'>about</a></li>
            <li><a href="our-mission.html">our mission</a></li>
            <li><a href='contact-us'>contact us</a></li>
        </ul>
    </nav>

回复收藏 0 原文

~没有更多了~