diff options
| author | Rasmus Andersson <rasmus@notion.se> | 2018-10-11 20:41:10 +0300 |
|---|---|---|
| committer | Rasmus Andersson <rasmus@notion.se> | 2018-10-11 20:41:10 +0300 |
| commit | 098f2aaf3229518418a742026a17af281ea4939c (patch) | |
| tree | 14fe8759a48be1990b0065703127c937820d816e | |
| parent | c10bbc8a186cd7ee89d478653729355338066f46 (diff) | |
| download | inter-098f2aaf3229518418a742026a17af281ea4939c.tar.xz | |
website: fix for safari and ms edge
| -rw-r--r-- | docs/_layouts/default.html | 14 | ||||
| -rw-r--r-- | docs/res/base.css | 14 | ||||
| -rw-r--r-- | docs/var-test.html | 2 |
3 files changed, 18 insertions, 12 deletions
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html index 90ed32bf5..68f201fcd 100644 --- a/docs/_layouts/default.html +++ b/docs/_layouts/default.html @@ -59,13 +59,19 @@ endfor <meta property="og:type" content="product"> <meta property="og:locale" content="en_US" /> </head> - <script> +<script> (function(u){ -if (u.indexOf('Safari/') != -1 && u.indexOf('Chrome/') == -1 && u.indexOf('Chromium/') == -1) { - document.documentElement.classList.add('safari') +if ( + ( u.indexOf('Safari/') != -1 && + u.indexOf('Chrome/') == -1 && + u.indexOf('Chromium/') == -1 ) || + u.indexOf('Edge/') != -1 +) { + // Use alternate variable font for Safari and MS Edge + document.documentElement.classList.add('vf-alt') } })(navigator.userAgent); - </script> +</script> <body> <div id="hud-notification"><div class="msg">Hello</div></div> <script src="{{url_root}}res/base.js?v={{ base_js_v }}"></script> diff --git a/docs/res/base.css b/docs/res/base.css index 264de8bfd..e0df28523 100644 --- a/docs/res/base.css +++ b/docs/res/base.css @@ -18,11 +18,11 @@ body { scroll-behavior: smooth; font-kerning: normal; - -moz-font-feature-settings:"kern" 1, "liga" 1; - -ms-font-feature-settings:"kern" 1, "liga" 1; - -o-font-feature-settings:"kern" 1, "liga" 1; - -webkit-font-feature-settings:"kern" 1, "liga" 1; - font-feature-settings:"kern" 1, "liga" 1; + -moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1; + -ms-font-feature-settings: "calt" 1, "kern" 1, "liga" 1; + -o-font-feature-settings: "calt" 1, "kern" 1, "liga" 1; + -webkit-font-feature-settings: "calt" 1, "kern" 1, "liga" 1; + font-feature-settings: "calt" 1, "kern" 1, "liga" 1; } /* Font style classifiers used by samples and dynmetrics */ @@ -44,8 +44,8 @@ body { body { font-family: 'Inter UI var', system-ui, sans-serif; } - html.safari body { - font-family: 'Inter UI var safari-fix', system-ui, sans-serif; + html.vf-alt body { + font-family: 'Inter UI var alt', system-ui, sans-serif; } } diff --git a/docs/var-test.html b/docs/var-test.html index 553d91b8a..1347fbfcc 100644 --- a/docs/var-test.html +++ b/docs/var-test.html @@ -126,7 +126,6 @@ tt { </style> </head> -<body> <script> (function(u){ if (u.indexOf('Safari/') != -1 && u.indexOf('Chrome/') == -1 && u.indexOf('Chromium/') == -1) { @@ -136,6 +135,7 @@ if (u.indexOf('Safari/') != -1 && u.indexOf('Chrome/') == -1 && u.indexOf('Chrom } })(navigator.userAgent); </script> +<body> <div class="intro"> <h1>Inter UI variable font test</h1> <p> |