Skip to content

Instantly share code, notes, and snippets.

View MurakamiShinyu's full-sized avatar

Shinyu Murakami MurakamiShinyu

View GitHub Profile
<!DOCTYPE html>
<script>
fetch('https://raw.githubusercontent.com/vivliostyle/themes/main/LICENSE')
.then(response => response.text())
.then(text => {
document.body.textContent = text;
});
</script>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
.unhinted-otf {
font-family: "unhinted-otf", serif;
}
.hinted-ttf {
font-family: "hinted-ttf", serif;
<style>
:root {
font-family: "Noto Sans CJK JP", sans-serif;
line-height: 1.5;
}
dd {
font-family: "Arial", serif;
}
</style>
<!DOCTYPE html>
<html lang="ja">
<style>
div:nth-child(2) {
font-family: "Noto Sans CJK JP";
}
div:nth-child(3) {
font-family: "Noto Serif CJK JP";
}
div:nth-child(4) {
@MurakamiShinyu
MurakamiShinyu / running-element-display-none.html
Last active May 31, 2023 07:49
running-element-display-none.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
<style>
title {
position: running(Title);
}
@page {
<!DOCTYPE html>
<style>
@page {
@top-right {
content: element(RunningElement);
}
}
.running-element {
position: running(RunningElement);
color: blue;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Small font size test</title>
</head>
<body>
<p style="font-size: 16px">The quick brown fox jumps over the lazy dog. (font-size: 16px)</p>
<p style="font-size: 14px">The quick brown fox jumps over the lazy dog. (font-size: 14px)</p>
<p style="font-size: 12px">The quick brown fox jumps over the lazy dog. (font-size: 12px)</p>
@MurakamiShinyu
MurakamiShinyu / case1.html
Last active May 13, 2023 09:14 — forked from spring-raining/case1.html
EAL two partitions
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>EAL float system example</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="eal-float-start-start">start-start</div>
<div class="eal-float-start-end">start-end</div>
@MurakamiShinyu
MurakamiShinyu / issue1172-test.xhtml
Last active May 13, 2023 08:20
vivliostyle.js/issue1172
<?xml version="1.0" encoding="UTF-8"?>
<h:html xmlns:h="http://www.w3.org/1999/xhtml" xmlns:d="https://www.devever.net/ns/dedoc" lang="en" xml:lang="en">
<h:head>
<h:style type="text/css"><![CDATA[
@namespace url(http://www.w3.org/1999/xhtml);
@namespace d url(https://www.devever.net/ns/dedoc);
d|p { display: block; }
]]></h:style>
</h:head>
<h:body>