From caf07a5fae350ce2043d870fe5f0f927e62aba03 Mon Sep 17 00:00:00 2001
From: "Myles C. Maxfield"
Default font metrics overriding:
-the 'ascent-override', 'descent-override' and 'line-gap-override' descriptors
+the 'ascent-override', 'descent-override', 'line-gap-override', and 'advance-override' descriptors
Name: ascent-override
@@ -168,9 +168,18 @@ For: @font-face
Initial: normal
-The 'ascent-override', 'descent-override' and 'line-gap-override' descriptors define the
+
+Name: advance-override
+Value: normal | <
+
+The 'ascent-override', 'descent-override', and 'line-gap-override' descriptors define the
ascent metric, descent metric and
-line gap metric of the font, respectively.
+line gap metric of the font, respectively. The `advance-override`
+descriptor adjusts the tracking between adjacent
+
The percentage is resolved against different font sizes for different elements.
@@ -220,14 +243,16 @@ given percentage multiplied by the used font size. Negative values are invalid a
ascent-override: 125%;
descent-override: 25%;
line-gap-override: 0%;
+ advance-override: 109%;
}
<div style="font-family: cool-web-font, fallback-to-local">Title goes here</div>
<img src="https://example.com/largeimage" alt="A large image that you don't want to shift">
- The image will not be vertically shifted when the user agent finishes loading and
- switches to use the web font.
+ The image will not be shifted as much when the user agent finishes loading and
+ switches to use the web font (assuming the override values are similar to the web font's
+ natural metrics).
From 8cd3dd90e1e582dc0fd54c7799845a2588f37e75 Mon Sep 17 00:00:00 2001
From: "Myles C. Maxfield"
+
+@font-face {
+ font-family: "MyHelvetica";
+ src: local("Helvetica");
+ advance-override: 140%;
+}
+
+ The rendering will look like this:
+
+ <+a)w|0;#|H0&)CSsyt!svcqL?H<)z
z8?h2bl+=n!%cRdz33x+-a1rE`LvSN*>cp3`3${G+D@PaDGhKi6DtxOcQ`43WqKIZN
zP4^vC)N1G4+~*n0N>kB|NOdy(q{zPrGV-llC7VBN(iIRIzjFVxS7-_d_*~V?FvR+V
zIA3f@lzP0r%HO{{`FFp8^%u)edr
WR7pyHn4nCz4in!6sX6
zEK@ho28(2*=*y%bTW^EU&KP*#UbAdXDWK3530IN9k9}8dNo3PdO)%Lds6gi~Nhg!g
z?RPvPp4b(r@Wqnt=aQeA578bjF|`*$Qe0IZ$n9!W`twRr6a3v@M-})`xkcW{)!@CT
zn#6uj5sKtlbxC7^zY3YotUbJ;%kVbs;++6vJ?IIi$cl=toWSN;N4f{*s`d)D4d@hh&rM}+pyaY871WYfjKeYKp5&`Xe}481h`ckOyLkY9Uuq@(+G9mN`JlGi
zng4lZaH~3V?@2>%u@R6`0wrFZ2L(Xegv)or|{!k{O3tu;MU3win#;Dtu$STlcOw
zp!CBE)yozjs>IC(WxR`|Ts#VxUDJb-doHxEU`%EjKLd{`(%
z3ZAY+8R|+Zdz}e*PgO8}lDkUow}Vg^IQ~-CiIaa!D(4Vpuk9s@K#Aty)kmp4SkM9|
zqX