Font metric overrides + size-adjust

Web font is in blue; local fallback font (Times New Roman) is in red.

Example: Pacifico

Before

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz

After


        @font-face { font-family: pacifico-fallback; src: local("Times New
        Roman"); size-adjust: 99.19745862%; ascent-override: 131.3541716%;
        descent-override: 45.6664925%; line-gap-override: 0%; }

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

Example: Montserrat

Before

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

After


        @font-face { font-family: montserrat-fallback; src: local("Times New
        Roman"); size-adjust: 124.1096807%; ascent-override: 77.99552741%;
        descent-overrride: 20.22404688%; line-gap-override: 0%; }

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

Example: Teko

Before

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz

After


        @font-face { font-family: teko-fallback; src: local("Times New Roman");
        size-adjust: 72.21284066%; ascent-override: 132.6633866%;
        descent-override: 65.77777521%; line-gap-override: 0%; }

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz