diff --git a/layouts/_partials/defercss.html b/layouts/_partials/defercss.html
index 291e2a7..bd5cd8a 100644
--- a/layouts/_partials/defercss.html
+++ b/layouts/_partials/defercss.html
@@ -1,2 +1,2 @@
-<link rel="preload" href="{{ .url }}" as="style" onload="this.onload=null;this.rel='stylesheet'" {{ .extra | safeHTMLAttr }}>
-<noscript><link rel="stylesheet" href="{{ .url }}"></noscript>
+<link rel="preload" href="{{ .url }}" as="style" onload="this.onload=null;this.rel='stylesheet'"{{ with .integrity }} integrity="{{ . }}"{{ end }}{{ with .extra }} {{ . | safeHTMLAttr }}{{ end }}>
+<noscript><link rel="stylesheet" href="{{ .url }}"{{ with .integrity }} integrity="{{ . }}"{{ end }}></noscript>
diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index 173ac41..8676a7b 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -14,8 +14,8 @@
 
     <!-- Fonts -->
     {{ if not (.Site.Params.noCss) }}
-    {{ $fonts := resources.Get "scss/fonts.scss" | css.Sass | resources.Minify }}
-    <link rel="stylesheet" href="{{ $fonts.Permalink }}" media="screen">
+    {{ $fonts := resources.Get "scss/fonts.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+    <link rel="stylesheet" href="{{ $fonts.Permalink }}" integrity="{{ $fonts.Data.Integrity }}" media="screen">
     {{ end }}
 
     <!-- External CSS (normalize and KaTeX -->
@@ -30,22 +30,25 @@
     {{ end -}}
 
     <!-- In-house CSS -->
-    {{ $style := resources.Get "scss/style.scss" | css.Sass | resources.Minify }}
-    {{ $sidenotes := resources.Get "scss/sidenotes.scss" | css.Sass | resources.Minify }}
-    {{ $code := resources.Get "scss/code.scss" | css.Sass | resources.Minify }}
-    {{ $icon := resources.Get "img/favicon.png" }}
+    {{ $style := resources.Get "scss/style.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+    {{ $sidenotes := resources.Get "scss/sidenotes.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+    {{ $code := resources.Get "scss/code.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+    {{ $icon := resources.Get "img/favicon.png" | resources.Fingerprint }}
     <style>.feather { display: inline !important; width: 10px; height: 10px; }</style>
     <style>img { max-width: 70%; }</style>
     {{ if not (.Site.Params.noCss) }}
-    <link rel="stylesheet" href="{{ $style.Permalink }}">
-    {{ partial "defercss.html" (dict "url" $sidenotes.Permalink "extra" "") }}
-    {{ partial "defercss.html" (dict "url" $code.Permalink "extra" "") }}
+    <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}">
+    {{ partial "defercss.html" (dict "url" $sidenotes.Permalink "integrity" $sidenotes.Data.Integrity "extra" "") }}
+    {{ partial "defercss.html" (dict "url" $code.Permalink "integrity" $code.Data.Integrity "extra" "") }}
     {{ end }}
-    <link rel="icon" type="image/png" href="{{ $icon.Permalink }}">
+    <link rel="icon" type="image/png" href="{{ $icon.Permalink }}" integrity="{{ $icon.Data.Integrity }}">
 
     {{ if .Params.custom_js }}
     {{ range $customJs := .Params.custom_js }}
-    <script src="{{ page.Resources.Get $customJs }}"></script>
+    {{ with page.Resources.Get $customJs }}
+    {{ $customJsResource := . | resources.Fingerprint }}
+    <script src="{{ $customJsResource.Permalink }}" integrity="{{ $customJsResource.Data.Integrity }}"></script>
+    {{ end }}
     {{ end }}
     {{ end }}
 
@@ -66,14 +69,14 @@
     <meta name="needs-latex">
     <!-- Code to support the Bergamot JS widget -->
     <script defer src="{{ .Site.Params.katexJsUrl }}" crossorigin="anonymous"></script>
-    {{ $katexComponentJs := resources.Get "js/katex-component.js" | resources.Minify }}
-    <script defer src="{{ $katexComponentJs.Permalink }}"></script>
+    {{ $katexComponentJs := resources.Get "js/katex-component.js" | resources.Minify | resources.Fingerprint }}
+    <script defer src="{{ $katexComponentJs.Permalink }}" integrity="{{ $katexComponentJs.Data.Integrity }}"></script>
     <script defer src="{{ .Site.Params.bergamotJsUrl }}"></script>
     <script defer src="{{ .Site.Params.bergamotObjectLanguageJsUrl }}"></script>
-    {{ $bergamotHelpers := resources.Get "js/bergamot-helpers.js" | resources.Minify }}
-    <script defer src="{{ $bergamotHelpers.Permalink }}"></script>
-    {{ $bergamotStyle := resources.Get "scss/bergamot.scss" | css.Sass | resources.Minify }}
-    {{ partial "defercss.html" (dict "url" $bergamotStyle.Permalink "extra" "") }}
+    {{ $bergamotHelpers := resources.Get "js/bergamot-helpers.js" | resources.Minify | resources.Fingerprint }}
+    <script defer src="{{ $bergamotHelpers.Permalink }}" integrity="{{ $bergamotHelpers.Data.Integrity }}"></script>
+    {{ $bergamotStyle := resources.Get "scss/bergamot.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+    {{ partial "defercss.html" (dict "url" $bergamotStyle.Permalink "integrity" $bergamotStyle.Data.Integrity "extra" "") }}
     {{ if .Params.bergamot.render_presets }}
         {{ range $name, $rulefile := .Params.bergamot.render_presets }}
             {{ $file := default (resources.Get $rulefile) (page.Resources.Get $rulefile) }}
diff --git a/layouts/search/single.html b/layouts/search/single.html
index eaa0349..40d917d 100644
--- a/layouts/search/single.html
+++ b/layouts/search/single.html
@@ -2,8 +2,8 @@
 <h2>{{ .Title }} </h2>
 {{ .Content }}
 
-{{ $search := resources.Get "scss/search.scss" | css.Sass | resources.Minify }}
-<link rel="stylesheet" href="{{ $search.Permalink }}" media="screen">
+{{ $search := resources.Get "scss/search.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+<link rel="stylesheet" href="{{ $search.Permalink }}" integrity="{{ $search.Data.Integrity }}" media="screen">
 
 <div class="stork-wrapper">
     <div class="stork-input-wrapper">
diff --git a/layouts/writing/baseof.html b/layouts/writing/baseof.html
index 68543c9..ffaa4e3 100644
--- a/layouts/writing/baseof.html
+++ b/layouts/writing/baseof.html
@@ -4,13 +4,13 @@
     <head>
         {{- partial "head.html" . -}}
 
-        {{ $writingcss := resources.Get "scss/writing.scss" | css.Sass | resources.Minify }}
-        <link rel="stylesheet" href="{{ $writingcss.Permalink }}">
+        {{ $writingcss := resources.Get "scss/writing.scss" | css.Sass | resources.Minify | resources.Fingerprint }}
+        <link rel="stylesheet" href="{{ $writingcss.Permalink }}" integrity="{{ $writingcss.Data.Integrity }}">
 
         {{ if .Params.custom_css }}
         {{ range $customCss := .Params.custom_css }}
-        {{ $renderedCustomCss := page.Resources.Get $customCss | css.Sass (dict "includePaths" (slice "themes/vanilla/assets/scss")) | resources.Minify }}
-        <link rel="stylesheet" href="{{ $renderedCustomCss.Permalink }}">
+        {{ $renderedCustomCss := page.Resources.Get $customCss | css.Sass (dict "includePaths" (slice "themes/vanilla/assets/scss")) | resources.Minify | resources.Fingerprint }}
+        <link rel="stylesheet" href="{{ $renderedCustomCss.Permalink }}" integrity="{{ $renderedCustomCss.Data.Integrity }}">
         {{ end }}
         {{ end }}
     </head>