161 行
9.7 KiB
SCSS
161 行
9.7 KiB
SCSS
// font-familyを定義しています。WindowsとMacで指定する名前が微妙に変わるので、
|
||
// 半角スペースなどを変更しないようにしてください。
|
||
|
||
// ## ゴシックとsans-serif
|
||
// 欧文書体は"Helvetica Neue"か"Verdana"、
|
||
// "Helvetica Neue"を指定する場合はWindowsのフォールバックに"Arial"か"Verdana"、
|
||
// HelveticaはWindowsではArialとして表示される。
|
||
// 和文書体は游ゴシックかヒラギノ角ゴ、游書体はWindowsのChromeで薄く表示される。
|
||
// MS書体はアンチエイリアスが効かないために指定せず、メイリオを指定する。
|
||
|
||
// 和欧混植、Helvetica優先、游ゴシックなし
|
||
$_font-family-sans-serif-1: "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !default;
|
||
// 和欧混植、Helvetica優先、游ゴシック優先
|
||
$_font-family-sans-serif-2: "Helvetica Neue", Helvetica, "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !default;
|
||
// 和欧混植、Verdana優先、游ゴシックなし
|
||
$_font-family-sans-serif-3: Verdana, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !default;
|
||
// 和欧混植、游ゴシック優先
|
||
$_font-family-sans-serif-4: YakuHanJP, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴシック Pro", Meiryo, "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !default;
|
||
// 和文のみ、游ゴシックなし
|
||
$_font-family-sans-serif-5: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !default;
|
||
// 和文のみ、游ゴシック優先
|
||
$_font-family-sans-serif-6: "游ゴシック", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !default;
|
||
|
||
|
||
// ## 明朝とserif
|
||
// 欧文書体は"Times New Roman"か"Georgia"。
|
||
// 和文書体は游明朝かヒラギノ明朝、游書体はWindowsのChromeで薄く表示される。
|
||
// 古いWindows用に"HG明朝E"（Officeをインストールしていれば使える）、フォールバックとしてメイリオ。
|
||
// "ＭＳ Ｐ明朝"はアンチエイリアスが効かないので指定しない。
|
||
// Androidは明朝体に非対応。
|
||
|
||
// 和欧混植、Times New Roman優先、游明朝なし
|
||
$_font-family-serif-1: "Times New Roman", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif !default;
|
||
// 和欧混植、Times New Roman優先、游明朝優先
|
||
$_font-family-serif-2: "Times New Roman", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif !default;
|
||
// 和欧混植、Georgia優先、游明朝なし
|
||
$_font-family-serif-3: Georgia, "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif !default;
|
||
// 和欧混植、Georgia優先、游明朝優先
|
||
$_font-family-serif-4: Georgia, "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif !default;
|
||
// 和欧混植、游明朝優先
|
||
$_font-family-serif-5: YuMinch, "Yu Mincho", "游明朝", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !default;
|
||
// 和文のみ、游明朝なし
|
||
$_font-family-serif-6: "Hiragino Mincho ProN", "HG明朝E", Meiryo, serif !default;
|
||
|
||
|
||
// ## 源柔ゴシック
|
||
$_font-family-genju-p: GenJyuuGothic-P, sans-serif;
|
||
.font-genju-p-r {
|
||
font-family: GenJyuuGothic-P, sans-serif;
|
||
font-weight: 400;
|
||
-webkit-font-feature-settings: "palt";
|
||
font-feature-settings: "palt"
|
||
}
|
||
.font-genju-p-b {
|
||
font-family: GenJyuuGothic-P, sans-serif;
|
||
font-weight: 700;
|
||
-webkit-font-feature-settings: "palt";
|
||
font-feature-settings: "palt"
|
||
}
|
||
@font-face {
|
||
font-family: GenJyuuGothic-P;
|
||
font-weight: 400;
|
||
src: url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Regular.woff2) format("woff2"), url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Regular.woff) format("woff"), url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Regular.ttf) format("TrueType")
|
||
}
|
||
@font-face {
|
||
font-family: GenJyuuGothic-P;
|
||
font-weight: 700;
|
||
src: url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Bold.woff2) format("woff2"), url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Bold.woff) format("woff"), url(/assets/fonts/GenJyuuGothic-P/GenJyuuGothic-P-Bold.ttf) format("TrueType")
|
||
}
|
||
|
||
|
||
// ## AdobeBlank
|
||
@font-face {
|
||
font-family: AdobeBlank;
|
||
src: url(data:application/font-woff;base64,d09GRk9UVE8AAATUAAkAAAAACkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA4AAAAOcAAAEhIl9jq09TLzIAAAHIAAAARQAAAGBRQK3+Y21hcAAAAhAAAAAmAAAALAAMAFNoZWFkAAACOAAAADAAAAA2BZfPvmhoZWEAAAJoAAAAGgAAACQHWf+LaG10eAAAAoQAAAAIAAAACAPoAYhtYXhwAAACjAAAAAYAAAAGAAJQAG5hbWUAAAKUAAACKwAAB2b3USAEcG9zdAAABMAAAAATAAAAIP+4ADJ42mNkYGFmYGRkFHRMyU9KdcpJzMvWLS5ITE4FCZr8kP4h080j183D+EOW8Ycc0w955h8SLN2/eX7V/GJh7eVRkmF4xS/DyCcow/CeR1WG4TuPCgMbEwMjAxsDH0M4QzpDOUM72GDPlNS8ksySSuf8gsqizPSMEgUFIwNDYx0QaaoAVqIQXFlckppbrOCZl5xfVJBflFiSmqKgkVFSUmClr19eXq6XCFKml5yfq6+ph+5cQnwGBpCzGJhBBJjNyMj1Q4FHbYoMI6tQD4/grxqRHx2iDEwsQFlGsAoGBla+Px18AK/lT1cAeNpjYGZ+wTiBgZWBgamLKYKBgcEbQjPGMRgx3GFABYzIHEcXJ38GBwYFBgXmgv8dDAzMBQwVCfqM/5GUKDAwAAArbQs0AAAAeNpjYGBgZGAGYgYGHgYWBgUgzQKEIL7C//8Q8v9DMJ8BAEreBlwAAHjaY2BkYGAA4vc75S7F89t8ZWBmfgEUYbjo4/oZQf/vYH7BXADkMjMwgUQBcKYMvHjaY2BkYGAu+N/BAAXMLxgYGVABEwBNCALqAAAD6AGIAAAAAAAAUAAAAgAAeNrtkz9r20AYxp+zpZhSCEnpBzgolKQk5/8m2FOSJckUYgi0U2VZtlzbkpAVG2+dSukYQj5Bh36A0KFzpw6dOvXLpI/k1ynNYkq3UB8n/+798zx3JwTgufoOhcXvmHPBChtcLTiHAl4K5xl/LWyRI2EbTbwVXmP8i3CB/I2s8DjT/ylMffVMmPqqKkx91RSmvjoRpr56JUx9dSVMffVR+An5JuXbWzwlf6Wash7R91L9EFbQuZ5wDuu5d8J5xq+ELfKNsI0kt+xdg84fCRfIvvAG+b3wJtbznzLeTH3zn4Xpax0J09fyhelrTYXpa10L09da9tLXfiFMX/tEmL72G2H62h8Ow2geD/p+onWlVK7upM+63u+GHU+355PEG0/0ceCGcRTGTuJ19ZafJFGzWJzNZsZJy4wbjovbJms5GDnBcHcSOa535vUvRk58P3x/fe7Fk0EY6LIp1eqt07aAHyZuGEzTldmrtMbO0AuTnhkNOhVTN41qrdRYpfxwT7ZqjUOE/MrmiDFAHz4SaI4KSiijip07rpP20WV1Bx65zZ4Jqz2M+a/57QVwmY2plj6dLNdlZitTTRhvosgxy4ZhxVLNZJ1j5rbJv10OMGJVgCF26RGRXUbPOPu4yHLxyupV+XPOmOsBqwLutswdlFDjeVs45Sn/jPisSrLdBpje5Qz2eEstnsChupfV9BgdUbXDjGGvQYP3WWN145/3/Hc39P8NP/A3/AvEJ2JBAHjaY2BmAIP/WxmMGLAAACzCAeoA) format("woff")
|
||
}
|
||
|
||
|
||
// ## Yaku Han JP
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 100;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Thin.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 200;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Light.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 300;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-DemiLight.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 400;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Regular.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 500;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Medium.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 700;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Bold.eot)
|
||
}
|
||
@font-face {
|
||
font-family: YakuHanJP;
|
||
font-weight: 900;
|
||
src: url(/assets/fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(/assets/fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff"), url(/assets/fonts/YakuHanJP/YakuHanJP-Black.eot)
|
||
}
|
||
|
||
|
||
// ## Macで追加できるフォント
|
||
// ヒラギノ丸ゴ→ "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN"
|
||
// EL Captainで追加されたフォント。
|
||
// 筑紫丸Aゴシック→ "TsukuARdGothic-Regular"（ふところを絞ったデザインの丸ゴシック体で和風、落ち着いた印象）
|
||
// 筑紫丸Bゴシック→ "TsukuBRdGothic-Regular"（筑紫丸Aゴシックよりも特徴がある）
|
||
// クレー→ "Klee"（鉛筆やペンのような手書き風で本文組みに適した書体）
|
||
// ヒラギノ角ゴシック→ "Hiragino Sans"（ヒラギノ角ゴに10種類のウェイトを追加）
|
||
// 游明朝体+36ポかな→ "YuMin_36pKn-Medium"（毛筆表現のある游明朝体で漢字と英数字は含んでいない）
|
||
// San Francisco→ -apple-system
|
||
|
||
// 主要なフォント。
|
||
// 游ゴシック Windows8.1以降、MacOS10.9以降
|
||
// 游明朝 Windows8.1以降、MacOS10.9以降
|
||
// メイリオ Windows Vista以降
|
||
// ヒラギノ角ゴ ProN Mac OS 10.5以降、iOS
|
||
// ヒラギノ明朝 ProN Mac OS 10.5以降、iOS6以降
|
||
// Droid Sans Android
|
||
// Roboto Android4以降
|
||
|
||
// WindowsとMacでの共通フォント。
|
||
// Arial
|
||
// Arial Black
|
||
// Comic Sans MS
|
||
// Courier
|
||
// Courier New
|
||
// Georgia
|
||
// Impact
|
||
// Times New Roman
|
||
// Trebuchet MS
|
||
// Verdana
|
||
|
||
// ブラウザのデフォルトフォント
|
||
// Safari 7 / Mac 10.9 Helvetica / ヒラギノ角ゴシック ProN
|
||
// Firefox 25 / Mac 10.9 ヒラギノ角ゴシック ProN
|
||
// Chrome 30 / Mac 10.9 ヒラギノ角ゴシック ProN
|
||
// IE 11 / Win 8.1 メイリオ
|
||
// IE 8 / Win 7 Arial / ＭＳ Ｐゴシック
|
||
// Firefox 25 / Win 8.1 ＭＳ Ｐゴシック
|
||
// Chrome 30 / Win 8.1 ＭＳ Ｐゴシック
|
||
|
||
// Androidについて
|
||
// * 明朝体には対応していない
|
||
// * 4.0以降ではRobotoとモトヤフォントがデフォルト、それ以前はDroid Sans（Droid Sans Japaneseも含む）
|
||
// * HelveticaかArialを指定するとブラウザ側でDroid Sansがエイリアスとして表示される
|