mirror of https://github.com/sgoudham/carbon.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
168 lines
6.3 KiB
JavaScript
168 lines
6.3 KiB
JavaScript
/*
|
|
* See https://developers.google.com/web/updates/2016/02/font-display and
|
|
* https://css-tricks.com/font-display-masses/#article-header-id-2
|
|
* for `font-display` information
|
|
*/
|
|
import React from 'react'
|
|
|
|
export default () => (
|
|
<style jsx global>
|
|
{`
|
|
@font-face {
|
|
font-family: 'Iosevka';
|
|
font-display: swap;
|
|
src: url('//cdn.jsdelivr.net/npm/@typopro/web-iosevka@3.7.5/TypoPRO-iosevka-term-bold.woff')
|
|
format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Monoid';
|
|
font-display: swap;
|
|
src: url('//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff')
|
|
format('woff2'),
|
|
url('//cdn.jsdelivr.net/npm/@typopro/web-monoid@3.7.5/TypoPRO-Monoid-Regular.woff')
|
|
format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Fantasque Sans Mono';
|
|
font-display: swap;
|
|
src: url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
|
|
format('woff2'),
|
|
url('//cdn.jsdelivr.net/npm/@typopro/web-fantasque-sans-mono@3.7.5/TypoPRO-FantasqueSansMono-Regular.woff')
|
|
format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Hack';
|
|
font-display: swap;
|
|
src: url('//cdn.jsdelivr.net/font-hack/2.020/fonts/woff2/hack-regular-webfont.woff2?v=2.020')
|
|
format('woff2'),
|
|
url('//cdn.jsdelivr.net/font-hack/2.020/fonts/woff/hack-regular-webfont.woff?v=2.020')
|
|
format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Fira Code';
|
|
font-display: swap;
|
|
src: url('//cdn.rawgit.com/tonsky/FiraCode/1.204/distr/woff2/FiraCode-Regular.woff2')
|
|
format('woff2'),
|
|
url('//cdn.rawgit.com/tonsky/FiraCode/1.204/distr/woff/FiraCode-Regular.woff')
|
|
format('woff');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'JetBrains Mono';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: url('//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff2/JetBrainsMono-Regular.woff2')
|
|
format('woff2'),
|
|
url('//cdn.jsdelivr.net/gh/JetBrains/JetBrainsMono/web/woff/JetBrainsMono-Regular.woff')
|
|
format('woff2');
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'IBM Plex Mono';
|
|
font-display: swap;
|
|
font-weight: 500;
|
|
src: local('IBM Plex Mono Medium Italic'), local('IBMPlexMono-MediumItalic'),
|
|
url(https://fonts.gstatic.com/s/ibmplexmono/v2/-F6sfjptAgt5VM-kVkqdyU8n1ioSJlR1gMoQPttozw.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2191, U + 2193, U + 2212,
|
|
U + 2215, U + FEFF, U + FFFD;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Anonymous Pro';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Anonymous Pro Regular'), local('AnonymousPro-Regular'),
|
|
url(//fonts.gstatic.com/s/anonymouspro/v11/Zhfjj_gat3waL4JSju74E3n3cbdKJftHIk87C9ihfO8.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2212, U + 2215;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Droid Sans Mono';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Droid Sans Mono Regular'), local('DroidSansMono-Regular'),
|
|
url(//fonts.gstatic.com/s/droidsansmono/v9/ns-m2xQYezAtqh7ai59hJVlgUn8GogvcKKzoM9Dh-4E.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2212, U + 2215;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Inconsolata';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Inconsolata Regular'), local('Inconsolata-Regular'),
|
|
url(//fonts.gstatic.com/s/inconsolata/v16/BjAYBlHtW3CJxDcjzrnZCIgp9Q8gbYrhqGlRav_IXfk.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2212, U + 2215;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Source Code Pro';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Source Code Pro'), local('SourceCodePro-Regular'),
|
|
url(//fonts.gstatic.com/s/sourcecodepro/v7/mrl8jkM18OlOQN8JLgasD5bPFduIYtoLzwST68uhz_Y.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2212, U + 2215;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Ubuntu Mono';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
|
|
url(//fonts.gstatic.com/s/ubuntumono/v7/ViZhet7Ak-LRXZMXzuAfkYgp9Q8gbYrhqGlRav_IXfk.woff2)
|
|
format('woff2');
|
|
unicode-range: U + 0000-00ff, U + 0131, U + 0152-0153, U + 02bb-02bc, U + 02c6, U + 02da,
|
|
U + 02dc, U + 2000-206f, U + 2074, U + 20ac, U + 2122, U + 2212, U + 2215;
|
|
}
|
|
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Space Mono';
|
|
font-display: swap;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
src: local('Space Mono'), local('SpaceMono-Regular'),
|
|
url(https://fonts.gstatic.com/s/spacemono/v2/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2)
|
|
format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
|
|
U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
`}
|
|
</style>
|
|
)
|