info/webtypography
1
0
Fork 0
mirror of https://github.com/clagnut/webtypography.git synced 2025-09-02 09:33:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update 2.2.1.html

Browse Source 
tweaked copy to remove 'bad example' language and explain the downsides leavding the reader to decide whether it's bad for them or not
This commit is contained in:
Richard Rutter
2018-12-14 11:58:32 +00:00
parent 8459e8e4a5
commit b58f97ae8b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
items/2.2.1.html
View File

@@ -8,9 +8,9 @@
line-height: 15pt;
}</code></pre>
<p>However <strong>that example is bad</strong> as <code>line-height</code> should never be applied using absolute units such as points or pixels. In the prior example, when text is resized in a browser, the font-size increases <span class='bracket'>(</span>to 18&nbsp;pt for example<span class='bracket'>)</span> but the line-height may remain at 15&nbsp;pt. So instead of the lines being spaced apart, they would actually&nbsp;overlap.</p>
<p>That example will give you the same line-height throughout all your paragraphs, however it does introduce the danger that, when the browser text size is increased by your reader <span class='bracket'>(</span>to 18&nbsp;pt for example<span class='bracket'>)</span> the line-height may remain at 15&nbsp;pt. The result being that, instead of the lines being spaced apart, they would actually&nbsp;overlap.</p>
<p>A better approach is to use a unitless value. The preceding example could also be coded&nbsp;as:</p>
<p>A safer approach is to use a unitless value. The preceding example could also be coded&nbsp;as:</p>
<pre><code>p {
font-size: 12pt;