style: Use Pretendard font for default
This commit is contained in:
parent
d283412e54
commit
e0302b3864
32 changed files with 9707 additions and 3 deletions
1071
app/javascript/fonts/pretendard/PretendardJP-Black.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Black.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-Bold.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Bold.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-ExtraBold.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-ExtraBold.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-ExtraLight.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-ExtraLight.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-Light.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Light.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-Medium.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Medium.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-Regular.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Regular.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-SemiBold.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-SemiBold.css
Normal file
File diff suppressed because it is too large
Load diff
1071
app/javascript/fonts/pretendard/PretendardJP-Thin.css
Normal file
1071
app/javascript/fonts/pretendard/PretendardJP-Thin.css
Normal file
File diff suppressed because it is too large
Load diff
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Black.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Black.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Bold.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Bold.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-ExtraBold.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-ExtraBold.woff
Normal file
Binary file not shown.
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Light.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Light.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Medium.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Medium.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Regular.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Regular.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-SemiBold.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-SemiBold.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Thin.woff
Normal file
BIN
app/javascript/fonts/pretendard/woff/PretendardJP-Thin.woff
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Black.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Black.woff2
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Bold.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Bold.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Light.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Light.woff2
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Medium.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Medium.woff2
Normal file
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Regular.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Regular.woff2
Normal file
Binary file not shown.
Binary file not shown.
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Thin.woff2
Normal file
BIN
app/javascript/fonts/pretendard/woff2/PretendardJP-Thin.woff2
Normal file
Binary file not shown.
|
@ -2,6 +2,7 @@
|
|||
@import 'mastodon/variables';
|
||||
@import 'fonts/roboto';
|
||||
@import 'fonts/roboto-mono';
|
||||
@import 'fonts/pretendard';
|
||||
|
||||
@import 'mastodon/reset';
|
||||
@import 'mastodon/basics';
|
||||
|
|
62
app/javascript/styles/fonts/pretendard.scss
Normal file
62
app/javascript/styles/fonts/pretendard.scss
Normal file
|
@ -0,0 +1,62 @@
|
|||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Black'), url(../fonts/pretendard/woff2/PretendardJP-Black.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Black.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 800;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP ExtraBold'), url(../fonts/pretendard/woff2/PretendardJP-ExtraBold.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-ExtraBold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Bold'), url(../fonts/pretendard/woff2/PretendardJP-Bold.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Bold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP SemiBold'), url(../fonts/pretendard/woff2/PretendardJP-SemiBold.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-SemiBold.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Medium'), url(../fonts/pretendard/woff2/PretendardJP-Medium.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Medium.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Regular'), url(../fonts/pretendard/woff2/PretendardJP-Regular.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Regular.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Light'), url(../fonts/pretendard/woff2/PretendardJP-Light.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Light.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 200;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP ExtraLight'), url(../fonts/pretendard/woff2/PretendardJP-ExtraLight.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-ExtraLight.woff) format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Pretendard JP';
|
||||
font-weight: 100;
|
||||
font-display: swap;
|
||||
src: local('Pretendard JP Thin'), url(../fonts/pretendard/woff2/PretendardJP-Thin.woff2) format('woff2'), url(../fonts/pretendard/woff/PretendardJP-Thin.woff) format('woff');
|
||||
}
|
|
@ -1,4 +1,5 @@
|
|||
@import 'fonts/inter';
|
||||
@import 'fonts/pretendard';
|
||||
|
||||
body {
|
||||
accent-color: #6364ff;
|
||||
|
@ -21,7 +22,7 @@ h6 {
|
|||
background-color: transparent;
|
||||
padding: 0;
|
||||
border: none;
|
||||
font-family: Inter, 'Lucida Grande', sans-serif;
|
||||
font-family: 'Pretendard JP', Inter, 'Lucida Grande', sans-serif;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
|
@ -14,7 +14,7 @@ body {
|
|||
font-weight: 400;
|
||||
color: $primary-text-color;
|
||||
text-rendering: optimizelegibility;
|
||||
font-feature-settings: 'kern';
|
||||
font-feature-settings: 'kern', 'ss55';
|
||||
text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
|
|
@ -10,6 +10,7 @@ $blurple-300: #858afa; // Faded Blue
|
|||
$grey-600: hsl(240deg, 8%, 33%); // Trout
|
||||
$grey-100: hsl(240deg, 51%, 90%); // Topaz
|
||||
|
||||
$success-green: #79bd9a !default; // Padua
|
||||
$success-green: #79bd9a !default; // Padua
|
||||
$error-red: $red-500 !default; // Cerise
|
||||
$warning-red: #ff5050 !default; // Sunset Orange
|
||||
|
@ -90,7 +91,7 @@ $media-modal-media-max-height: 80%;
|
|||
$no-gap-breakpoint: 1175px;
|
||||
$mobile-breakpoint: 630px;
|
||||
|
||||
$font-sans-serif: 'mastodon-font-sans-serif' !default;
|
||||
$font-sans-serif: 'Pretendard JP' !default;
|
||||
$font-display: 'mastodon-font-display' !default;
|
||||
$font-monospace: 'mastodon-font-monospace' !default;
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue