Font size

Syntax

Class
Properties
font-{value}
font-size: {value};

Parameters

value
<length-percentage unsigned default-unit=1px>
<div class="t1 w-full p-16 bg-c-white shadow-4"> <div class="t1 font-12">font-12</div> <div class="t1 font-14">font-14</div> <div class="t1 font-16">font-16</div> <div class="t1 font-18">font-18</div> <div class="t1 font-20">font-20</div> <div class="t1 font-24">font-24</div> <div class="t1 font-28">font-28</div> <div class="t1 font-32">font-32</div> <div class="t1 font-36">font-36</div> <div class="t1 font-40">font-40</div> <div class="t1 font-48">font-48</div> <div class="t1 font-56">font-56</div> <div class="t1 font-64">font-64</div> <div class="t1 font-72">font-72</div> </div>

Specification test cases

The test cases below are imported from the Turbo CSS specification. They have been executed upon loading this page.
Font size as number
t1 font-16
.t1.font-16 { font-size: 16px; }
Font size as length
t1 font-1.5em
.t1.font-1\.5em { font-size: 1.5em; }
Font size as percentage
t1 font-50%
.t1.font-50\% { font-size: 50%; }