Skip to content

Instantly share code, notes, and snippets.

Avatar

Shinyu Murakami MurakamiShinyu

View GitHub Profile
View 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;
View toc-leader.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Test leader() in Table of Contents</title>
<style>
@page {
@bottom-center {
content: counter(page);
}
View checkDevicePixelRatio.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Check devicePixelRatio</title>
<script>
window.onload = () => {
devicePixelRatioValue.textContent = window.devicePixelRatio;
actualBorderWidthValue.textContent = testBorder.getBoundingClientRect().height;
};
View ruby-page-float-test.html
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<style>
@page {
size: 560px 790px;
margin: 63px 72px 63px;
}
html {
View root-style-inherit-at-page-multicol.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Root element styles should be inherited to page context</title>
<style>
:root {
color: maroon;
font-family: "Georgia", serif;
font-variant: small-caps;
View root-style-inherit-at-page.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Root element styles should be inherited to page context</title>
<style>
:root {
color: maroon;
font-family: "Georgia", serif;
font-variant: small-caps;
View text-orientation-test.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>text-orientation test</title>
<style>
:root {
writing-mode: vertical-rl;
}
.s {
View vs-epub.css
@page {
margin: 8%;
@bottom-center {
writing-mode: horizontal-tb;
font-size: 67%;
content: "– " counter(page) " –";
}
}
@page :first {
margin: 0;
@MurakamiShinyu
MurakamiShinyu / East_Asian_Typographic_Variation_Selectors.md
Last active Dec 17, 2020
文字幅と縦書きの文字の向きを指定する異体字セレクタ(提案)
View East_Asian_Typographic_Variation_Selectors.md

文字幅と縦書きの文字の向きを指定する異体字セレクタ(提案)

名称と略称の案:
East Asian Typographic Variation Selectors (EATVS)

目的

従来フォント依存あるいは処理系依存でありプレーンテキストでは指定することができなかった文字幅や縦書きの文字の向きを特別な異体字セレクタにより指定できるようにする。

  • 文字幅(全角、半角、プロポーショナル)を指定。UAX #11 East_Asian_Width (EAW) プロパティに変更を加える。約物の全角・半角の指定ができる。
View review-akabekos-pagedjs-test.md