CSP: font-src

The HTTP Content-Security-Policy (CSP) font-src directive specifies valid sources for fonts loaded using @font-face.

CSP version 1
Directive type Fetch directive
default-src fallback Yes. If this directive is absent, the user agent will look for the default-src directive.


One or more sources can be allowed for the font-src policy:

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


<source> can be any one of the values listed in CSP Source Values.

Note that this same set of values can be used in all fetch directives (and a number of other directives).


Violation cases

Given this CSP header:

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

The following font resource loading is blocked and won't load:

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


Content Security Policy Level 3
# directive-font-src

Browser compatibility

BCD tables only load in the browser

See also