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 'mastodon/variables';
|
||||||
@import 'fonts/roboto';
|
@import 'fonts/roboto';
|
||||||
@import 'fonts/roboto-mono';
|
@import 'fonts/roboto-mono';
|
||||||
|
@import 'fonts/pretendard';
|
||||||
|
|
||||||
@import 'mastodon/reset';
|
@import 'mastodon/reset';
|
||||||
@import 'mastodon/basics';
|
@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/inter';
|
||||||
|
@import 'fonts/pretendard';
|
||||||
|
|
||||||
body {
|
body {
|
||||||
accent-color: #6364ff;
|
accent-color: #6364ff;
|
||||||
|
@ -21,7 +22,7 @@ h6 {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: none;
|
border: none;
|
||||||
font-family: Inter, 'Lucida Grande', sans-serif;
|
font-family: 'Pretendard JP', Inter, 'Lucida Grande', sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
|
|
|
@ -14,7 +14,7 @@ body {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: $primary-text-color;
|
color: $primary-text-color;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-feature-settings: 'kern';
|
font-feature-settings: 'kern', 'ss55';
|
||||||
text-size-adjust: none;
|
text-size-adjust: none;
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0%);
|
||||||
-webkit-tap-highlight-color: transparent;
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
|
|
@ -10,6 +10,7 @@ $blurple-300: #858afa; // Faded Blue
|
||||||
$grey-600: hsl(240deg, 8%, 33%); // Trout
|
$grey-600: hsl(240deg, 8%, 33%); // Trout
|
||||||
$grey-100: hsl(240deg, 51%, 90%); // Topaz
|
$grey-100: hsl(240deg, 51%, 90%); // Topaz
|
||||||
|
|
||||||
|
$success-green: #79bd9a !default; // Padua
|
||||||
$success-green: #79bd9a !default; // Padua
|
$success-green: #79bd9a !default; // Padua
|
||||||
$error-red: $red-500 !default; // Cerise
|
$error-red: $red-500 !default; // Cerise
|
||||||
$warning-red: #ff5050 !default; // Sunset Orange
|
$warning-red: #ff5050 !default; // Sunset Orange
|
||||||
|
@ -90,7 +91,7 @@ $media-modal-media-max-height: 80%;
|
||||||
$no-gap-breakpoint: 1175px;
|
$no-gap-breakpoint: 1175px;
|
||||||
$mobile-breakpoint: 630px;
|
$mobile-breakpoint: 630px;
|
||||||
|
|
||||||
$font-sans-serif: 'mastodon-font-sans-serif' !default;
|
$font-sans-serif: 'Pretendard JP' !default;
|
||||||
$font-display: 'mastodon-font-display' !default;
|
$font-display: 'mastodon-font-display' !default;
|
||||||
$font-monospace: 'mastodon-font-monospace' !default;
|
$font-monospace: 'mastodon-font-monospace' !default;
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue