system-sans-serif
Sample
Thin Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Light Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Regular Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Regular Italic Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Bold Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Bold / Italic Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Heavy Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Heavy / Italic Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
[Top]
Character Set
Latin-1 Basic: ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ?@A B C D E F G H I J K L M N OP Q R S T U V W X Y Z [ \ ] ^ _`a b c d e f g h i j k l m n op q r s t u v w x y z { | } ~
Hiragana: ぁ あ ぃ い ぅ う ぇ え ぉ お か が き ぎ く ぐ け げ こ ご さ ざ し じ す ず せ ぜ そ ぞ た だ ち ぢ っ つ づ て で と ど な に ぬ ね の は ば ぱ ひ び ぴ ふ ぶ ぷ へ べ ぺ ほ ぼ ぽ ま み む め も ゃ や ゅ ゆ ょ よ ら り る れ ろ ゎ わ ゐ ゑ を ん ゔ ゕ ゖ ゙ ゚ ゛ ゜ ゝ ゞ ゟ
Katakana: ゠ ァ ア ィ イ ゥ ウ ェ エ ォ オ カ ガ キ ギ ク グ ケ ゲ コ ゴ サ ザ シ ジ ス ズ セ ゼ ソ ゾ タ ダ チ ヂ ッ ツ ヅ テ デ ト ド ナ ニ ヌ ネ ノ ハ バ パ ヒ ビ ピ フ ブ プ ヘ ベ ペ ホ ボ ポ マ ミ ム メ モ ャ ヤ ュ ユ ョ ヨ ラ リ ル レ ロ ヮ ワ ヰ ヱ ヲ ン ヴ ヵ ヶ ヷ ヸ ヹ ヺ ・ ー ヽ ヾ ヿ
[Top]
Scale
XXS: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
XS: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
SM: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
MD: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
LG: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
XXL: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
XXL: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Hero: Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
Hero/Heavy Lorem ipsum dolor sit amet, consectetur adipiscing 複素数体であれば、任意のCM-タイプの A は、実際。
[Top]
Variations
| English (latin-1) | CJK | ||||
|---|---|---|---|---|---|
| regular (normal) | italic | regular (normal) | |||
| system-sans-serif | Thin (100) | Aa | Aa | あア安 | |
| Light (300) | Aa | Aa | あア安 | ||
| Regular (400) | Aa | Aa | あア安 | ||
| Bold (700) | Aa | Aa | あア安 | ||
| Heavy (900) | Aa | Aa | あア安 | ||
[Top]
Vertical
攻殻機動隊
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
[Top]
Thin
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
[Top]
Light
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
[Top]
Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
[Top]
Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
[Top]
Heavy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
時は21世紀、第3次核大戦とアジアが勝利した第4次非核大戦を経て、世界は「地球統一ブロック」となり、科学技術が飛躍的に高度化した日本が舞台。その中でマイクロマシン(Micromachine)技術（作中ではマイクロマシニングと表記されている）を使用して脳の神経ネットに素子（デバイス）を直接接続する電脳化技術や、義手・義足にロボット技術を付加した発展系であるサイボーグ（義体化）技術が発展、普及した。結果、多くの人間が電脳によってインターネットに直接アクセスできる時代が到来した。生身の人間、電脳化した人間、サイボーグ、アンドロイド、バイオロイドが混在する社会の中で、テロや暗殺、汚職などの犯罪を事前に察知してその被害を最小限に防ぐ内務省直属の攻性公安警察組織「公安9課」（通称「攻殻機動隊」）の活動を描いた物語。作中の年表は別項、攻殻機動隊シリーズの年表を参照。
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pulvinar ultricies dictum. Morbi erat nisi, suscipit at viverra eget, rhoncus ac sapien. Maecenas eleifend nulla quis consectetur sollicitudin. Mauris vitae faucibus magna. Mauris at maximus risus. Praesent consequat elementum elementum. Vestibulum sollicitudin ac dolor congue auctor. Fusce euismod ante nec ipsum efficitur, ac porta justo ultrices. Suspendisse sed iaculis metus, vitae tincidunt est. Phasellus vulputate eros lacus, id dictum sem mollis in. Praesent massa urna, commodo a facilisis sed, ullamcorper sit amet lacus.
[Top]
CHANGELOG
-
4.0.0: Refactored away from
@font-faceto a simpler, more robust approach that usesfont-familyand will require less maintenence. - 3.0.0: Switched to Prettier, removed "gothic" font-family.
- 2.0.1: Fixes Heavy weight on Android
- 2.0.0: Includes new weight: Heavy (900).
- 1.1.1: fixes #12.
- 1.0.0: First major version (No changes).
- 1.1.0: Added support for the new CSSWG system-ui font face, fixes #9, and #8.
- 0.1.1: Fixes Japanese characters on Chromebook rendering in "Noto Sans CJK SC" (Simplified Chinese) to instead use "Noto Sans CJK JP".
- 0.1.0: Initial release
[Top]