为什么CDN能用,亲戚link不行?

Why does CDN work, but a relative link does not?

我刚刚问了这个问题:

要点是我的 font-awesome.min.css 文件无法正常工作。尝试从中加载图标时出现 404 错误。有人提出了荒谬的更改建议:

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

我自信地尝试了他们的建议,它不会改变任何东西,但它奏效了!

MyProject/font-awesome/css/font-awesome.min.css 中的代码(文件路径正确)与 //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css 中的代码相同。

为什么 CDN 可以正常工作,但我的本地副本却出现 404 错误?

一些说明:

当我尝试 link 到相关文件(不使用 CDN)时正在找到文件。 CSS 中的图像出现 404。但是在 CDN 上使用相同的代码,图像没有 404。每张图片都出现以下错误:

Failed to load resource: the server responded with a status of 404 (Not Found)  http://localhost:63343/MyProject/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0

您指向的是绝对url。尝试将其更改为相对于主页。例如:/font-awesome/css/font-awesome.min.css.

CSS 文件是指使用相对 URL 的字体文件。所以当你复制CSS的时候,你也要把字体文件夹复制到MyProject/font-awesome/fonts.

基本上,当您下载 Font Awesome ZIP 文件时,您应该将整个文件解压缩到 MyProject/font-awesome。这将为您提供所有文件,并且它们将位于正确的位置。