| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>行頭約物処理のテスト [text-spacing-trim space-first... test]</title> | |
| <style> | |
| @page { | |
| size: A4 landscape; | |
| margin: 5%; | |
スプレッドシート「EPUBリーダー表示チェック（JAGAT XMLパブリッシング準研究会）2023」 https://docs.google.com/spreadsheets/d/1xKDlL4TrMHMa1qq2QsWcXLEGMPjx-JWcTdaw_8KkftE/edit#gid=0
今回の調査で分かったことは、モダンCSSをサポートしているのはモダンブラウザエンジンを利用しているEPUBリーダーのみであるということ。そうではないEPUBリーダーでは、基本的に EPUB 3.0 で規定されていた "EPUB 3 CSS Profile" の範囲しかサポートしていない。
| <!DOCTYPE html> | |
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>日本語の文節区切りでの行分割(word-break: auto-phrase)のテスト</title> | |
| </head> | |
| <body> | |
| <h1>日本語の文節区切りでの行分割(word-break: auto-phrase)のテスト</h1> | |
| <h2>word-break: auto-phrase</h2> |
リンク http://example.com をクリック。
リンク www.example.com をクリック。
リンクwww.example.comをクリック。
| <!doctype html> | |
| <style> | |
| @page { | |
| size: 210mm 210mm; | |
| marks: crop cross; | |
| bleed: 3mm; | |
| margin: -3mm; | |
| } | |
| body { | |
| margin: 0; |
| <!DOCTYPE html> | |
| <style> | |
| @page { | |
| margin: -8px; | |
| bleed: 12px; | |
| marks: crop cross; | |
| background-color: cyan; | |
| background-image: url(https://avatars.githubusercontent.com/u/8237330?s=200&v=4); | |
| } | |
| img { |
| <!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"); |