如果我的用户没有我用于我的网站的字体，他们如何自动下载它？答案

【问题标题】：How can my users automatically download the font I use for my website if they don't have it?如果我的用户没有我用于我的网站的字体，他们如何自动下载它？
【发布时间】：2015-02-17 22:25:01
【问题描述】：

如果用户没有我用于网站的字体，他们如何自动下载？

【问题讨论】：

How can I make my users automatically download the font I use for my website if they don't have it? 的可能重复项

标签： html css asp.net asp.net-mvc c#-4.0

【解决方案1】：

他们不需要下载任何东西。您的字体、脚本和 css 文件可以存储在您的应用程序中，或者您可以使用 CDN 代替。 Google 有一套不错的字体：https://www.google.com/fonts/

这是一个简单的例子：

在您的 BundleConfig.cs 中：

bundles.UseCdn = true;
bundles.Add(new StyleBundle("~/fonts", yourCDNPathgoeshere));

然后您可以将其添加到您的布局页面：

@Styles.Render("~/fonts")

【讨论】：

我刚刚编辑了我的答案。我指的是 CDN，想告诉他在哪里可以找到他的字体、css 和 JS
感谢您的澄清，我刚刚添加了一个示例

【解决方案2】：

我不会推荐 Google 字体。他们最近切换到WOFF2，iOS 尚不支持。

您的用户无需下载任何内容，只需在您的 css 文件中链接字体即可。

例如 Open Sans，正常厚度由font-weight: 400; 表示。您将其添加到 CSS 的顶部。几乎所有地方都支持WOFF 和TIFF。所以坚持这些。

  @font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url("") format("woff");

然后您只需使用font-family: "Open Sans", sans-serif; font-weight: 400; font-size: 12px; 在您想要在css 中使用它的任何位置调用该字体。

*正如您从local("Open Sans") 和local("OpenSans") 中看到的那样，脚本还在检查字体是否在本地可用。

【讨论】：