【问题标题】:How do I change the font on my Squarespace Nav Bar to custom font?如何将 Squarespace 导航栏上的字体更改为自定义字体?
【发布时间】:2020-01-31 14:58:15
【问题描述】:

我最近将自定义字体上传到我的 squarespace 页面(Bedford 模板),当我通过坐席应用它时,我很难使用导航栏。

对于链接的项目是导航栏,我可以更改字体:

    #headerNav nav a {
    font-family: 'Vitesse-Sans' !important;
    }

但作为文件夹而不是链接的项目不会改变。我找不到更改文件夹文本的代码!

这是我们的网站:https://www.asapasap.org/

谢谢!

斯科特

【问题讨论】:

    标签: css navigation navbar squarespace


    【解决方案1】:

    解决方案是使用非常相似的 CSS 规则,但改为以 .folder-toggle 类为目标,如下所示:

    #headerNav nav .folder-toggle {
      font-family: 'Vitesse-Sans';
    }
    

    如果您还没有,请考虑熟悉browser developer tools/web inspector(通常使用 F12 或 CTRL+SHIFT+I 键打开)。有了它,您就可以探索适用于您网站的现有 CSS 规则,并尝试用最佳方式覆盖它们。

    【讨论】:

    • 嘿,你的建议很棒!修复了文件夹问题,并允许我在整个网站上应用相同的字体!只有一个项目我无法通过网络检查器识别,也无法在网上找到任何答案:如何更改每页顶部的横幅字体。 IE。本页“关于”:asapasap.org/about-asap
    • 您似乎解决了您的附加问题,但为了更好的衡量标准:通过网络检查器,您可以看到规则类似于 .desc-wrapper p > strong {font-family: 'Vitesse-Sans';}
    猜你喜欢
    • 2018-02-13
    • 2011-08-15
    • 2016-06-20
    • 1970-01-01
    • 2011-10-04
    • 2014-07-21
    • 1970-01-01
    • 2014-10-12
    • 2018-07-26
    相关资源
    最近更新 更多