【问题标题】:How do I use a Google Font with NODE.js server?如何在 NODE.js 服务器上使用 Google 字体?
【发布时间】:2016-11-25 17:07:57
【问题描述】:

我正在开发一个使用 NODE.js 和 REACT 的应用程序。我正在尝试加载 Google 字体。 (Open Sans)我不确定最好的方法是什么?

1) 我需要为 Google 字体安装 npm 模块吗? 2) 我需要将它与 Webpack 集成吗? 3) 我可以只使用标准标签吗?如果是的话应该去哪里?

任何有关执行此操作的最佳方法的信息都会有所帮助。

谢谢

【问题讨论】:

  • 您的网页不会直接从 Google CDN 加载 Google 字体吗?我不确定为什么你的 node.js 服务器需要参与进来。
  • @jfriend00 是对的。你会在你的 index.html 中加载谷歌给你的 css

标签: node.js reactjs webpack google-font-api


【解决方案1】:

您可以将 Google 字体 URL 直接放入您的网页中,而您的 node.js 服务器不需要执行任何特定操作。这里有一个例子:https://developers.google.com/fonts/docs/getting_started

<html>
  <head>
    <link rel="stylesheet" type="text/css"
          href="https://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine', serif;
        font-size: 48px;
      }
    </style>
  </head>
  <body>
    <div>Making the Web Beautiful!</div>
  </body>
</html>

【讨论】:

  • 好的。感谢大家。我只是不确定我是否必须做一些特别的事情。它最初不起作用,但我发现这是由于 CSS 中的字体声明中的拼写错误。现在一切正常。感谢您的澄清。
猜你喜欢
  • 1970-01-01
  • 2016-07-07
  • 2015-09-03
  • 2017-03-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-29
相关资源
最近更新 更多