Skip to content

Instantly share code, notes, and snippets.

View MurakamiShinyu's full-sized avatar

Shinyu Murakami MurakamiShinyu

View GitHub Profile
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Document</title>
</head>
<body>
<h1>Test Document</h1>
<p>This is a test document.</p>
<p>Link with wrong %-encoding in the fragment part: <a href="https://example.com/#wrong%encoding">"https://example.com/#wrong%encoding"</a></p>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP');
p {
width: 10em;
font-family: "Noto Sans JP", sans-serif;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Variable Font Test</title>
<style>
@font-face {
font-family: "VF";
src: url("https://cdn.jsdelivr.net/gh/notofonts/notofonts.github.io/fonts/NotoSans/full/variable-ttf/NotoSans[wdth,wght].ttf");
<!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;