From 5ea7f5364b82fbcc589f3c3c44b053cc2f67c207 Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Sat, 17 Jun 2017 09:38:06 -0400 Subject: [PATCH] Updates to the jsDelivr instructions --- index.html | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 0525c36..c6e04c8 100644 --- a/index.html +++ b/index.html @@ -64,18 +64,21 @@
<link href="css/keyrune.css" rel="stylesheet" type="text/css" />
-

New! You can also now use Keyrune via CDN thanks to the amazing jsDelivr project! Include the latest CSS file and (currently) reference the font files via @font-face (we're working on removing this requirement as jsDelivr flattens the directory structure):

+

New! You can also now use Keyrune via CDN thanks to the amazing jsDelivr project! Include the latest version, reference:

- <link href="//cdn.jsdelivr.net/keyrune/latest/keyrune.min.css" rel="stylesheet" type="text/css" />
+ <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" /> +
+

Note: as of v3.1.1 (June 2017) the URL structure at jsDelivr changed to the above. Also, you do not need to explicitly include the font-family via @font-face, but if you still would like to here is the css ruleset:

+ <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
  @font-face {
    font-family: 'Keyrune';
-     src: url('//cdn.jsdelivr.net/keyrune/latest/keyrune.eot');
-     src: url('//cdn.jsdelivr.net/keyrune/latest/keyrune.eot?#iefix') format('embedded-opentype'),
-          url('//cdn.jsdelivr.net/keyrune/latest/keyrune.woff2') format('woff2'),
-          url('//cdn.jsdelivr.net/keyrune/latest/keyrune.woff') format('woff'),
-          url('//cdn.jsdelivr.net/keyrune/latest/keyrune.ttf') format('truetype'),
-          url('//cdn.jsdelivr.net/keyrune/latest/keyrune.svg') format('svg');
+     src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot');
+     src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot?#iefix') format('embedded-opentype'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff2') format('woff2'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff') format('woff'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.ttf') format('truetype'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }