Created
December 1, 2016 07:46
-
-
Save kamikat/eaf493dc1bd04ca3682444a5bd3b2892 to your computer and use it in GitHub Desktop.
SCSS font configuration using serif CJK fonts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: "Kagami Serif"; | |
src: local("Liberation Serif"), | |
local("Times New Roman"), | |
local("Times"); | |
} | |
@font-face { | |
font-family: "Kagami Songti SC"; | |
src: local("Songti SC Regular"), local(STSongti-SC-Regular), // OS X 10.8 | |
local("Adobe Song Std"); // Linux | |
} | |
@font-face { | |
font-family: "Kagami Songti TC"; | |
src: local("Songti TC Regular"), local(STSongti-TC-Regular), // OS X 10.8 | |
local("LiSong Pro"), local(LiSongPro); // OS X | |
} | |
@font-face { | |
font-family: "Kagami Mincho"; | |
src: local("YuMincho Medium"), local(YuMin-Medium), // OS X 10.9 | |
local("Yu Mincho Regular"), local(YuMincho-Regular) // Windows 8.1 | |
local("Hiragino Mincho ProN W3"), local(HiraMinProN-W3) // OS X 10.6 & iOS | |
local("IPAMincho Regular"), local(IPAMincho); // Linux | |
} | |
@font-face { | |
font-family: "Kagami Emoji"; | |
src: local("Apple Color Emoji"), // OS X 10.7 & iOS | |
local("Segoe UI Emoji"), // Windows 8.1 | |
local("Segoe UI Symbol"), // Windows 7 | |
local("Android Emoji"); // Linux | |
} | |
@font-face { | |
font-family: "Kagami Sans"; | |
src: local("Segoe UI Light"), | |
local("Segoe UI"), | |
local("HelveticaNeue Light"), | |
local("HelveticaNeue"), | |
local("Helvetica Light"), | |
local("Helvetica"), | |
local("Arial"); | |
} | |
@mixin font-sans { | |
font-family: "Kagami Sans", sans-serif, "Kagami Emoji"; | |
} | |
@mixin font-serif { | |
font-family: "Kagami Serif", serif, "Kagami Emoji"; | |
} | |
@mixin font-serif-zh-Hans { | |
font-family: "Kagami Serif", "Kagami Songti SC", serif, "Kagami Emoji"; | |
} | |
@mixin font-serif-zh-Hant { | |
font-family: "Kagami Serif", "Kagami Songti TC", serif, "Kagami Emoji"; | |
} | |
@mixin font-serif-ja { | |
font-family: "Kagami Serif", "Kagami Mincho", serif, "Kagami Emoji"; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment