手把手教你CSP系列之font-src

简介: 手把手教你CSP系列之font-src

Web 站点或 Web 应用安全是十分重要的,即使是代码中很小的 bug 也可能导致隐私信息被泄露,黑客会尝试偷窃数据。这些文档提供信息帮助您使代码更安全。此处列出的面向 Web 安全的文章提供的信息可以帮助您保护站点及其代码免受攻击和数据窃取。


CSP专栏:



HTTP Content-Security-Policy(CSP)font指令为使用-src@font-的字体指定有效的源。face

CSP版本 1
指令类型 取指令
default-src fallback 是。如果此指令不存在,用户代理将查找default-src指令。

句法

font-src政策可以允许一个或多个来源:

Content-Security-Policy: font-src <source>;
Content-Security-Policy: font-src <source> <source>;

来源

可以是以下之一:

通过名称或IP地址的 Internet主机,以及可选的URL方案and/or端口号。该站点的地址可能包含一个可选的前导通配符(星号字符’‘),并且可以使用通配符(再次’')作为端口号,表示所有合法端口对于源都有效。

示例:

  • http://*.example.com:匹配使用http:URL方案从example.com的任何子域加载的所有尝试。
  • mail.example.com:443:匹配所有尝试访问mail.example.com上的端口443的尝试。
  • https://store.example.com:匹配所有尝试访问store.example.com使用https:。
  • 一种模式,如’http:’ 或 ‘https:’。冒号是必需的,不应使用单引号。您也可以指定数据模式(不推荐)。
  • data:允许将data:URI用作内容源。这是不安全的; 攻击者也可以注入任意数据:URI。谨慎使用这一点,绝对不适用于脚本。
  • mediastream:允许将 mediastream:URI 用作内容源。
  • blob:允许将 blob:URI 用作内容源。
  • filesystem:允许将filesystem:URI 用作内容源。
  • 'self’指受保护文档的来源,包括相同的URL方案和端口号。你必须包括单引号。一些浏览器特别排除blob和filesystem从源指令。需要允许这些内容类型的网站可以使用Data属性来指定它们。
  • 'unsafe-inline’允许使用内联资源,如内联


示例

Content-Security-Policy: font-src https://example.com/

以下字体资源加载被阻止并且不会加载:

<style>
  @font-face { 
    font-family: "MyFont"; 
    src: url("https://not-example.com/font"); 
  } 
  body { 
    font-family: "MyFont"; 
  } 
</style>

规范

规范 状态 评论
内容安全策略级别3该规范中’font-src’的定义。 编辑草稿 没有变化。
内容安全策略级别2该规范中’font-src’的定义。 建议 初始定义。

以上就是我们今天的教程,如果本文对你有所帮助,欢迎关注点赞,分享给您身边的朋友。您的鼓励就是对我的最大动力。

相关文章
|
25天前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
52 9
|
3月前
|
缓存 前端开发 Linux
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
如何使用 @font-face 和 font-display 在 CSS 中定义自定义字体
79 0
|
前端开发
前端学习案例6-webpack中使用css-loader和style-loader
前端学习案例6-webpack中使用css-loader和style-loader
53 0
前端学习案例6-webpack中使用css-loader和style-loader
|
前端开发
CSS3中引入多种自定义字体(font-face)
CSS3中引入多种自定义字体(font-face)
448 0
CSS3中引入多种自定义字体(font-face)
|
自然语言处理 安全 Go
手把手教你CSP系列之style-src
手把手教你CSP系列之style-src
728 0
|
自然语言处理 安全 Go
手把手教你CSP系列之 img-src
手把手教你CSP系列之 img-src
468 0
|
自然语言处理 安全 JavaScript
手把手教你CSP系列之script-src
手把手教你CSP系列之script-src
1058 0
|
自然语言处理 安全 Go
手把手教你CSP系列之object-src
手把手教你CSP系列之object-src
320 0
|
自然语言处理 安全 Go
手把手教你CSP系列之referrer,object-src
手把手教你CSP系列之referrer,object-src
194 0
|
机器学习/深度学习 异构计算 Python
Py之face_alignment:face_alignment库的简介、安装、使用方法之详细攻略
Py之face_alignment:face_alignment库的简介、安装、使用方法之详细攻略
Py之face_alignment:face_alignment库的简介、安装、使用方法之详细攻略