Skip to content

Commit eeefa65

Browse files
committed
feat(ms-sans-serif-bold): add bold font
1 parent a762fd6 commit eeefa65

File tree

4 files changed

+31
-3
lines changed

4 files changed

+31
-3
lines changed

.storybook/decorators/globalStyle.js

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,21 @@ import { createGlobalStyle } from 'styled-components';
33

44
import styleReset from '../../src/common/styleReset';
55
import MSSansSerif from '../../src/assets/fonts/MS-Sans-Serif.woff2';
6+
import MSSansSerifBold from '../../src/assets/fonts/MS-Sans-Serif-Bold.woff2';
67

78
const GlobalStyle = createGlobalStyle`
89
${styleReset}
910
@font-face {
1011
font-family: 'MS-Sans-Serif';
11-
src: url('${MSSansSerif}') format('woff2');
12+
src: url('${MSSansSerif}') format('woff2');
13+
font-weight: 400;
14+
font-style: normal
15+
}
16+
@font-face {
17+
font-family: 'MS-Sans-Serif';
18+
src: url('${MSSansSerifBold}') format("woff2");
19+
font-weight: bold;
20+
font-style: normal
1221
}
1322
body {
1423
font-family: 'MS-Sans-Serif', 'sans-serif';

README.md

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,11 +50,21 @@ import { styleReset, List, ListItem, Divider } from 'react95';
5050
import original from "react95/dist/themes/original";
5151
// original Windows95 font (optionally)
5252
import MSSansSerif from "react95/dist/fonts/MS-Sans-Serif.woff2";
53+
import MSSansSerifBold from "react95/dist/fonts/MS-Sans-Serif-Bold.woff2";
54+
5355

5456
const GlobalStyles = createGlobalStyle`
5557
@font-face {
5658
font-family: 'MS-Sans-Serif';
57-
src: url('${MSSansSerif}') format('woff2');
59+
src: url('${MSSansSerif}') format('woff2');
60+
font-weight: 400;
61+
font-style: normal
62+
}
63+
@font-face {
64+
font-family: 'MS-Sans-Serif';
65+
src: url('${MSSansSerifBold}') format("woff2");
66+
font-weight: bold;
67+
font-style: normal
5868
}
5969
body {
6070
font-family: "MS-Sans-Serif";

docs/usage.mdx

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,11 +17,20 @@ import { styleReset, List, ListItem, Divider } from 'react95';
1717
import original from "react95/dist/themes/original";
1818
// original Windows95 font (optionally)
1919
import MSSansSerif from "react95/dist/fonts/MS-Sans-Serif.woff2";
20+
import MSSansSerifBold from "react95/dist/fonts/MS-Sans-Serif-Bold.woff2";
2021

2122
const GlobalStyles = createGlobalStyle`
2223
@font-face {
2324
font-family: 'MS-Sans-Serif';
24-
src: url('${MSSansSerif}') format('woff2');
25+
src: url('${MSSansSerif}') format('woff2');
26+
font-weight: 400;
27+
font-style: normal
28+
}
29+
@font-face {
30+
font-family: 'MS-Sans-Serif';
31+
src: url('${MSSansSerifBold}') format("woff2");
32+
font-weight: bold;
33+
font-style: normal
2534
}
2635
body {
2736
font-family: "MS-Sans-Serif";
6.12 KB
Binary file not shown.

0 commit comments

Comments
 (0)