如何更改 C# MVC 项目的字体系列？答案

【问题标题】：How to change the font-family on a C# MVC project?如何更改 C# MVC 项目的字体系列？
【发布时间】：2018-12-04 04:53:16
【问题描述】：

我有一个 C# MVC 项目，我更改了字体系列。在本地主机上，它可以工作，但是当它在服务器上时，它就不起作用了。

本地主机：

在服务器上：

在我的 _Layout.cshtml（共享布局）上，我有以下字体样式参考：

<link rel="stylesheet" href="https://use.typekit.net/idk3wns.css">

在我的 site.css 文件中，我写了：

*{
    font-family: indie-flower, sans-serif;
    font-style: normal;
    font-weight: 400;
}

有人知道为什么会这样，我该如何纠正？

【问题讨论】：

【解决方案1】：

您对字体系列<link rel="stylesheet" href="https://use.typekit.net/idk3wns.css"> 的请求被拒绝。

Google Fonts 一个伟大、可靠和开放的字体资源。在那里您可以找到许多字体并轻松获取链接。

具体来说，你可以使用这个：

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">

并像这样使用：

*{
    font-family: 'Indie Flower', sans-serif;
    font-style: normal;
    font-weight: 400;
}

【讨论】：

【解决方案2】：

我可以想象差异可能与服务器防火墙有关，请检查下面链接的第 7 部分并确保端口已打开。

如果您的网络代理或防火墙阻止访问任何所需的域，字体同步将不起作用。您的计算机需要能够访问这些端点并从中下载文件。

这是所需域的列表； 443端口也需要打开。

https://data.typekit.net:443
https://state.typekit.net:443
https://polka.typekit.com:443
https://api.typekit.com:443

使用 Typekit 的网络测试页面在网络浏览器中检查来自您计算机的这些连接。

【讨论】：