Skip to content

Instantly share code, notes, and snippets.

@MurakamiShinyu

MurakamiShinyu/test-font-kerning-palt-ja.html

Last active January 16, 2023 10:25
Show Gist options
  • Save MurakamiShinyu/816d50f2e16bb25a4e13d8b3bd6201fa to your computer and use it in GitHub Desktop.
Save MurakamiShinyu/816d50f2e16bb25a4e13d8b3bd6201fa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test-font-kerning-palt-ja.html
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Test font-kerning and 'palt'</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
:root {
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.5;
}
li:nth-child(2) {
font-kerning: none;
}
li:nth-child(2)::after {
content: " -- font-kerning: none;";
}
li:nth-child(3) {
font-feature-settings: 'kern' off;
}
li:nth-child(3)::after {
content: " -- 'kern' off;";
}
li:nth-child(4) {
font-kerning: auto;
}
li:nth-child(4)::after {
content: " -- font-kerning: auto;";
}
li:nth-child(5) {
font-kerning: normal;
font-feature-settings: 'palt' off;
}
li:nth-child(5)::after {
content: " -- font-kerning: normal; 'palt' off;";
}
li:nth-child(6) {
font-kerning: none;
font-feature-settings: 'palt' on;
}
li:nth-child(6)::after {
content: " -- font-kerning: none; 'palt' on;";
}
li:nth-child(7) {
font-feature-settings: 'palt' on;
}
li:nth-child(7)::after {
content: " -- 'palt' on;";
}
li:nth-child(8) {
font-feature-settings: 'kern' on;
}
li:nth-child(8)::after {
content: " -- 'kern' on;";
}
li:nth-child(9) {
font-kerning: normal;
}
li:nth-child(9)::after {
content: " -- font-kerning: normal;";
}
li:nth-child(10) {
font-kerning: normal;
font-feature-settings: 'palt' on;
}
li:nth-child(10)::after {
content: " -- font-kerning: normal; 'palt' on;";
}
</style>
</head>
<body>
<ol>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
<li>アムフムラムア。ATJPJ「あ、い、A、B」う「C」え</li>
</ol>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment