aboutsummaryrefslogtreecommitdiffstats
path: root/phpBB/styles/prosilver/template/overall_header.html
diff options
context:
space:
mode:
authorCallum Macrae <callum@macr.ae>2015-05-28 14:04:14 +0200
committerCallum Macrae <callum@macr.ae>2015-05-28 14:55:27 +0200
commit35e5dc46c7d359e49568c2198f7da4202082bb04 (patch)
tree86b051b3d3a9a5181c73ddbe8bddad8329fcdc1e /phpBB/styles/prosilver/template/overall_header.html
parent45d7e18f6b9fb6669be8ac287e3c06eb4c6e66fe (diff)
downloadforums-35e5dc46c7d359e49568c2198f7da4202082bb04.tar
forums-35e5dc46c7d359e49568c2198f7da4202082bb04.tar.gz
forums-35e5dc46c7d359e49568c2198f7da4202082bb04.tar.bz2
forums-35e5dc46c7d359e49568c2198f7da4202082bb04.tar.xz
forums-35e5dc46c7d359e49568c2198f7da4202082bb04.zip
[ticket/13876] Use webfontloader asyncronously.
This PR adds typekit and Google's webfontloader and calls it asyncronously, removing the SPOF in the header. Now, if google goes down, some buttons display with a different font. https://github.com/typekit/webfontloader PHPBB3-13876
Diffstat (limited to 'phpBB/styles/prosilver/template/overall_header.html')
-rw-r--r--phpBB/styles/prosilver/template/overall_header.html16
1 files changed, 15 insertions, 1 deletions
diff --git a/phpBB/styles/prosilver/template/overall_header.html b/phpBB/styles/prosilver/template/overall_header.html
index 03891eeca8..0f3e983718 100644
--- a/phpBB/styles/prosilver/template/overall_header.html
+++ b/phpBB/styles/prosilver/template/overall_header.html
@@ -27,7 +27,21 @@
Modified by:
-->
-<!-- IF S_ALLOW_CDN --><link href="//fonts.googleapis.com/css?family=Open+Sans:600&amp;subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese" rel="stylesheet"><!-- ENDIF -->
+<!-- IF S_ALLOW_CDN -->
+<script>
+ WebFontConfig = {
+ google: {
+ families: ['Open Sans:n6']
+ }
+ };
+
+ (function(d) {
+ var wf = d.createElement('script'), s = d.scripts[0];
+ wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
+ s.parentNode.insertBefore(wf, s);
+ })(document);
+</script>
+<!-- ENDIF -->
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px), all and (max-device-width: 700px)" />