diff options
Diffstat (limited to 'docs/posts/font_size_fallacies')
| -rw-r--r-- | docs/posts/font_size_fallacies/index.html | 31 |
1 files changed, 7 insertions, 24 deletions
diff --git a/docs/posts/font_size_fallacies/index.html b/docs/posts/font_size_fallacies/index.html index f8bffad..c91eba5 100644 --- a/docs/posts/font_size_fallacies/index.html +++ b/docs/posts/font_size_fallacies/index.html | |||
| @@ -2,6 +2,7 @@ | |||
| 2 | <html lang="en"> | 2 | <html lang="en"> |
| 3 | <head> | 3 | <head> |
| 4 | <link rel="stylesheet" href="/style.css"> | 4 | <link rel="stylesheet" href="/style.css"> |
| 5 | <link rel="stylesheet" href="/syntax.css"> | ||
| 5 | <meta charset="UTF-8"> | 6 | <meta charset="UTF-8"> |
| 6 | <meta name="viewport" content="initial-scale=1"> | 7 | <meta name="viewport" content="initial-scale=1"> |
| 7 | <meta content="#ffffff" name="theme-color"> | 8 | <meta content="#ffffff" name="theme-color"> |
| @@ -37,27 +38,7 @@ | |||
| 37 | Font Size Fallacies | 38 | Font Size Fallacies |
| 38 | </h1> | 39 | </h1> |
| 39 | <div class="post-text"> | 40 | <div class="post-text"> |
| 40 | <!DOCTYPE html> | 41 | <p>I am not an expert with fonts, but I do have some experience <a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a>, and common sense. This post aims to debunk some misconceptions about font sizes!</p> |
| 41 | <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang=""> | ||
| 42 | <head> | ||
| 43 | <meta charset="utf-8" /> | ||
| 44 | <meta name="generator" content="pandoc" /> | ||
| 45 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> | ||
| 46 | <title>font_size_fallacies</title> | ||
| 47 | <style> | ||
| 48 | code{white-space: pre-wrap;} | ||
| 49 | span.smallcaps{font-variant: small-caps;} | ||
| 50 | span.underline{text-decoration: underline;} | ||
| 51 | div.column{display: inline-block; vertical-align: top; width: 50%;} | ||
| 52 | div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} | ||
| 53 | ul.task-list{list-style: none;} | ||
| 54 | </style> | ||
| 55 | <!--[if lt IE 9]> | ||
| 56 | <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script> | ||
| 57 | <![endif]--> | ||
| 58 | </head> | ||
| 59 | <body> | ||
| 60 | <p>I am not an expert with fonts, but I do have some experience <a href="#fn1" class="footnote-ref" id="fnref1" role="doc-noteref"><sup>1</sup></a>, and common sense. This post aims to debunk some misconceptions about font sizes!</p> | ||
| 61 | <p>11 px on your display is <em>probably not</em> 11 px on my display. Let’s do some quick math. I have two displays, 1366x768 @ 21" and another with 1920x1080 @ 13", call them <code>A</code> and <code>B</code> for now.</p> | 42 | <p>11 px on your display is <em>probably not</em> 11 px on my display. Let’s do some quick math. I have two displays, 1366x768 @ 21" and another with 1920x1080 @ 13", call them <code>A</code> and <code>B</code> for now.</p> |
| 62 | <p>Display <code>A</code> has 1,049,088 pixels. A pixel is a square, of side say, <code>s</code> cm. The total area covered by my 21" display is about 1,066 cm^2 (41x26). Thus,</p> | 43 | <p>Display <code>A</code> has 1,049,088 pixels. A pixel is a square, of side say, <code>s</code> cm. The total area covered by my 21" display is about 1,066 cm^2 (41x26). Thus,</p> |
| 63 | <pre><code>Display A | 44 | <pre><code>Display A |
| @@ -87,13 +68,15 @@ Dimensions: 1920x1080 @ 13" (29.5x16.5 sq. cm) | |||
| 87 | <li id="fn4" role="doc-endnote"><p>https://en.wikipedia.org/wiki/Sony_Xperia_1<a href="#fnref4" class="footnote-back" role="doc-backlink">↩︎</a></p></li> | 68 | <li id="fn4" role="doc-endnote"><p>https://en.wikipedia.org/wiki/Sony_Xperia_1<a href="#fnref4" class="footnote-back" role="doc-backlink">↩︎</a></p></li> |
| 88 | </ol> | 69 | </ol> |
| 89 | </section> | 70 | </section> |
| 90 | </body> | ||
| 91 | </html> | ||
| 92 | 71 | ||
| 93 | </div> | 72 | </div> |
| 94 | 73 | ||
| 95 | <div class=intro> | 74 | <div class=intro> |
| 96 | Hi. <a href=https://peppe.rs/index.xml class=feed-button>Subscribe</a> | 75 | Hi. |
| 76 | <div class=hot-links> | ||
| 77 | <a href=https://peppe.rs/index.xml class=feed-button>Subscribe</a> | ||
| 78 | <a href=https://liberapay.com/nerdypepper/donate class=donate-button>Donate</a> | ||
| 79 | </div> | ||
| 97 | <p>I'm Akshay, I go by nerd or nerdypepper on the internet.</p> | 80 | <p>I'm Akshay, I go by nerd or nerdypepper on the internet.</p> |
| 98 | <p> | 81 | <p> |
| 99 | I am a compsci undergrad, Rust programmer and an enthusiastic Vimmer. | 82 | I am a compsci undergrad, Rust programmer and an enthusiastic Vimmer. |