为什么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
。这将为您提供所有文件,并且它们将位于正确的位置。
我刚刚问了这个问题:
要点是我的 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
。这将为您提供所有文件,并且它们将位于正确的位置。