Skip to content

Instantly share code, notes, and snippets.

@kamikat
Created December 1, 2016 07:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kamikat/eaf493dc1bd04ca3682444a5bd3b2892 to your computer and use it in GitHub Desktop.
Save kamikat/eaf493dc1bd04ca3682444a5bd3b2892 to your computer and use it in GitHub Desktop.
SCSS font configuration using serif CJK fonts
@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