关键词：
@font-face是CSS3中的一个特性，可以把自己定义的Web字体嵌入到网页中，随着@font-face，越来越多的网页采用字体图标作为网页中的小图形。
比如Bootstrap就采用了Glyphicons 字体图标 在Bootstrap的架构下可以免费使用Glyphicons的250多种图标字体。另外一个比较常用的开源图标字体就是Font Awesome了，内含几百种各种size的图标文件，可以很容易实现Fixed Width，Animated Icons，Rotated，Flipped，Stacked等特性，跟能和Bootstrap无缝配合。悦合同就是使用Font Awesome作为字体图标。
当在配置CDN的时候，duang~~~
字体跨域！！！！！！
由于网站的资源文件使用的是另外的域名（这样做是便于浏览器在加载时可以提高加载效率，关于domain hash也就是多域名来加速访问的问题有空再说），这样主域名和资源的域名尤其是字体文件，就形成跨域访问，在主域名的网站无法加载资源域名中的字体。
处理这种跨域，只要设置Access-Control-Allow-Origin，允许目标域名访问就可以了，Access-Control-Allow-Origin是HTML5新增的一个特性，在资源类的域名下做如下配置（nginx的配置，apache相似处理）?
location ~ .*.(eot|ttf|ttc|otf|eot|woff|woff2|svg)(.*)
add_header Access-Control-Allow-Origin http://www.yourdomain.com;
配置完后，例牌reload配置，刷新CDN缓存，就ok了。
这里说多一句，CDN会缓存当时的Response Header的，每次修改必须刷新CDN缓存，不然浏览器刷死也不会生效。?
CDN配置cors允许跨域访问时注意事项：
1. 目前不支持泛域名添加，如*.12345.com，仅支持域名精确匹配。
2. 目前仅支持配置一条白名单域名。
3. 若使用OSS产品作为源站，OSS与CDN平台同时配置Cors，CDN的配置将覆盖OSS。
4. 若源站为自己的服务器或ECS产品，建议先进行动静分离，静态文件使用CDN加速，CDN控制台配置的Cors功能，仅对静态文件生效。
Header set Access-Control-Allow-Origin "*"
# nginx config
if ($filename ~* ^.*?.(eot)|(ttf)|(woff)$)
add_header Access-Control-Allow-Origin *;
html字体真棒cdn(代码片段)
nginx实现跨域配置详解(代码片段)
主要给大家介绍了关于Nginx跨域使用字体文件的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：问题描述今天在使用子域名访问根域名的CSS时，发现字体无法显示，在确保CSS和Font字体的路径加载无问题后，基... 查看详情
html可用于跨域的三个标签(代码片段)
img应用场景：<img>用于打点统计，统计网站可能是其他域script应用场景：可以用于cdn，还可以用于JSONPlink可用于cdn 查看详情
IE9 重定向缓存、字体和跨域资源共享 (CORS) CDN HTTP 标头
】IE9重定向缓存、字体和跨域资源共享(CORS)CDNHTTP标头【英文标题】：IE9redirectcaching,fonts,andcrossdomainresourcesharing(CORS)CDNHTTPheaders【发布时间】：2013-02-1904:25:18【问题描述】：我以为我有foundasolutiontotheveryvexingproblemwithFirefoxandCDN-hosted... 查看详情
解决跨域问题(代码片段)
...xff1a;前端通过JsonP的配置后端解决办法：在UserController加上@CrossOrigin注解前端通过Ajax请求跨域登录： <form> <divclass="user-name&# 查看详情
javascriptnginx配置iconfont字体支持跨域#nginx(代码片段)
javascriptnginx配置iconfont字体支持跨域#nginx(代码片段)
vue前端与java后端进行跨域交互(代码片段)
1.后端的几种解决方法1.在Controller上面加上@CrossOrigin2.写一个配置文件并且在Controller层加上注解@CORSConfigpackagecom.wolwo.langyage.base.util;importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configuration;importorg.s... 查看详情
进行跨域的时候，axios使用（headers）请求头可能被拦截(代码片段)
文章目录1.把你的headers改成params2.进行相关的配置加上SimpleCORSFilter跨域请求的过滤器2.加上SimpleCrosFileter过滤器1.把你的headers改成params2.进行相关的配置加上SimpleCORSFilter跨域请求的过滤器 axios( url:url5, method:"post", ... 查看详情
amazons3cors（跨源资源共享）和firefox跨域字体加载(代码片段)
Firefox没有加载来自不同来源的字体，而不是当前的网页，这是一个长期存在的问题。通常，在CDN上提供字体时会出现问题。在其他问题中提出了各种解决方案：CSS@font-facenotworkingwithFirefox,butworkingwithChromeandIE随着AmazonS3CORS的推出... 查看详情
apache_confapache标头写入服务字体到firefox跨域并避免cors(代码片段)
vue加入withcredentials后无法进行跨域请求(代码片段)
Vue和django的前后端分离项目，之前通过在django中允许跨域访问实现了跨域请求，但为了使每个请求带上session信息，我设置了withCredentials,即：axios.defaults.withCredentials =true然后跨域请求时会出现如下问题：Responsetopreflightrequestdoe... 查看详情
controller允许跨域访问(代码片段)
1.在controller上加上@CrossOrigin(origins="http://localhost:7777","http://someserver:8080") eg:localhost 意思是允许本地跨域访问 7777:允许访问的端口号 @RestController@RequestMappi 查看详情
网站使用cdn加速后，如何查看用户访问的真实ip？(代码片段)
在生活中，我相信很多站长们都会遇到这样的问题吧，那就是网站使用CDN加速后，统计分析工具提供的用户访问IP地址大多是非真实IP地址。这是因为使用CDN网络加速后，所有的用户请求都会通过CDN边缘节点访问&#x... 查看详情
java解决vue跨域问题(代码片段)
只需要在相应的时候加上以下代码即可:response.setHeader("Access-Control-Allow-Origin","*");此代码的意思是:表示该资源谁都可以访问或者在controller层类或者方法上添加@CrossOrigin注解即可解决跨域问题 查看详情
govue真是稀缺组合(cdn方式）(代码片段)
...的模板目录即可。1、首先在每个html文件的head部分按顺序加上（注意顺序）<linkrel="stylesheet"href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><scriptsrc="https://unpkg.com/vu 查看详情
Amazon S3 CORS（跨域资源共享）和 Firefox 跨域字体加载
】AmazonS3CORS（跨域资源共享）和Firefox跨域字体加载【英文标题】：AmazonS3CORS(Cross-OriginResourceSharing)andFirefoxcross-domainfontloading【发布时间】：2012-08-2703:03:32【问题描述】：长期以来，Firefox无法从与当前网页不同的来源加载字体，... 查看详情
php笔记-解决网站cdn加速后图片出现跨越问题(代码片段)
最近（2022-06-3022:00:01）写了一个南京地铁的案例，效果是这样的：这个是解决后的效果。解决前是这样的：这里我调用的图片是it1995.cn下面的，而这个虚拟空间因为有cdn加速，我请求这个的时候直接302&... 查看详情