0
0
Fork 0

style: Use Pretendard font for default

This commit is contained in:
무라쿠모 2024-09-27 18:47:01 +09:00
parent d283412e54
commit e0302b3864
No known key found for this signature in database
GPG key ID: 139D6573F92DA9F7
32 changed files with 9707 additions and 3 deletions

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -2,6 +2,7 @@
@import 'mastodon/variables';
@import 'fonts/roboto';
@import 'fonts/roboto-mono';
@import 'fonts/pretendard';
@import 'mastodon/reset';
@import 'mastodon/basics';

View 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');
}

View file

@ -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 {

View file

@ -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;

View file

@ -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;