weiweihuanghuang/Work-Sans
1
1
Fork 0
mirror of https://github.com/weiweihuanghuang/Work-Sans.git synced 2024-11-26 09:20:15 +03:00
Code Issues Projects Releases Wiki Activity

Changed comparison text

Browse Source 
Used Robert Bringhurst's multilingual kerning test as text for comparison.

Added Impact as backup font to distinguish unavailable glyphs.
This commit is contained in:
Wei Huang 2014-07-19 16:52:42 +02:00
parent d39b1c19c8
commit ab6e5ce7d6
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/Test Fonts/Testing.html
View File

@ -1,4 +1,5 @@
<head> <head>
<meta charset="UTF-8">
<title>Testing fonts at roughly the same colour</title> <title>Testing fonts at roughly the same colour</title>
<!-- I use this testing file to test my font against other web-fonts. The point size and leading have been matched to look like the same typographic colour. --> <!-- I use this testing file to test my font against other web-fonts. The point size and leading have been matched to look like the same typographic colour. -->
<style> <style>
@ -59,7 +60,7 @@ body {margin: 10px 10px}
-o-font-feature-settings: "kern" on, "liga" on, "calt" on -o-font-feature-settings: "kern" on, "liga" on, "calt" on
} }
.test:after {content: "1 Jackdaws Love My Big Sphinx 2 Of Quartz Victors Flank 3 Gypsy Who Mixed Up 4 On Job Quiz Wolves Exit 5 Quickly As Fangged Zoo Chimps Jabber 6 Five Jumbo Oxen Graze Quietly With 7 Packs Of Dogs Grumpy Wizards Make 8 Toxic Brew For The Evil Queen And Jack 9 Lazy Movers Quit Hard Packing Of Jewelry Boxes Ban 0 Foul Toxic Smogs Which Quickly Jeopardize Lives Hark Toxic Jungle Water Vipers Quietly Drop On Zebras For Meals New Farm Hand Picking Just Six Quinces 01234567890 Proves Strong But Lazy 1 BACK IN MY QUAINT GARDEN JAUNTY ZINNIAS 2 VIE WITH FLAUNTING PHLOX WALTZ NYMPH 3 FOR QUICK JIGS VEX BUD CRAZY FREDERICKA 4 BOUGHT MANY VERY EXQUISITE OPAL JEWELS 5 JOLLY HOUSEWIVES MADE INEXPENSIVE 6 MEALS USING QUICK FROZEN VEGETABLES 7 SIXTY ZIPPERS WERE QUICKLY PICKED 8 FROM THE WOVEN JUTE BAG JADED ZOMBIES 9 ACTED QUAINTLY BUT KEPT DRIVING 0 THEIR OXEN FORWARD SIX BIG JUICY STEAKS SIZZLED IN A PAN AS FIVE WORKMEN LEFT THE QUARRY WILL MAJOR DOUGLAS BE EXPECTED TO TAKE THIS TRUE FALSE QUIZ VERY SOON A MAD BOXER SHOT A QUICK GLOVED JAB TO THE JAW OF HIS DIZZY OPPONENT THE JUKEBOX MUSIC PUZZLED A GENTLE VISITOR FROM A QUAINT VALLEY TOWN JUST WORK FOR IMPROVED BASIC TECHNIQUES 01234567890" .test:after {content: "I “Ask Jeff” or ‘Ask Jeff’. Take the chef d’oeuvre! Two of [of] (of) ‘of’ “of” of? of! of*. Ydes, Yffignac and Ygrande are in France: so are Ypres, Les Woëvres, the Fôret de Woevres, the Voire and Vauvise. Yves is in heaven; D’Amboise is in jail. Lyford’s in Texas & L’Anse-aux-Griffons in Québec; the Łyna in Poland. Yriarte, Yciar and Ysaÿe are at Yale. Kyoto and Ryotsu are both in Japan, Kwikpak on the Yukon delta, Kvæven in Norway, Kyulu in Kenya, not in Rwanda.… Walton’s in West Virginia, but «Wren» is in Oregon. Tlálpan is near Xochimilco in México. The Zygos & Xylophagou are in Cyprus, Zwettl in Austria, Fænø in Denmark, the Vøringsfossen and Værøy in Norway. Tchula is in Mississippi, the Tittabawassee in Michigan. Twodot is here in Montana, Ywamun in Burma. Yggdrasil and Ymir, Yngvi and Vóden, Vídrið and Skeggjöld and Tyr are all in the Eddas. Tørberget and Våg, of course, are in Norway, Ktipas and Tmolos in Greece, but Vázquez is in Argentina, Vreden in Germany, Von-Vincke-Straße in Munster, Vdovino in Russia, Ytterbium in the periodic table. Are Toussaint L’Ouverture, Wölfflin, Wolfe, Miłosz and Wū W all in the library? 1510–1620, 11:00 pm, and the 1980s are over."
} }
@font-face { @font-face {
@ -75,18 +76,18 @@ body {margin: 10px 10px}
<body> <body>
<div class="test" style="font-family:'Verdana';font-size:16;line-height:1.4">16px 1.4 Verdana<br></div> <div class="test" style="font-family:'Verdana','Impact';font-size:16;line-height:1.4">16px 1.4 Verdana<br></div>
<div class="test" style="font-family:'AliceA';font-size:17px;line-height:1.3">17px 1.3 Alice<br></div> <div class="test" style="font-family:'AliceA','Impact';font-size:17px;line-height:1.3">17px 1.3 Alice<br></div>
<div class="test" style="font-family:'Cantarell';font-size:17px;line-height:1.35">17px 1.35 Cantarell<br></div> <div class="test" style="font-family:'Cantarell','Impact';font-size:17px;line-height:1.35">17px 1.35 Cantarell<br></div>
<div class="test" style="font-family:'Karla';font-size:18px;line-height:1.3">18px 1.3 Karla<br></div> <div class="test" style="font-family:'Karla','Impact';font-size:18px;line-height:1.3">18px 1.3 Karla<br></div>
<div class="test" style="font-family:'PT Sans';font-size:17px;line-height:1.35">18px 1.35 PT Sans<br></div> <div class="test" style="font-family:'PT Sans','Impact';font-size:17px;line-height:1.35">18px 1.35 PT Sans<br></div>
<div class="test" style="font-family:'Verdana';font-size:16;line-height:1.4">16px 1.4 Verdana<br></div> <div class="test" style="font-family:'Verdana','Impact';font-size:16;line-height:1.4">16px 1.4 Verdana<br></div>
<div class="test" style="font-family:'AliceA';font-size:17px;line-height:1.3">17px 1.3 Alice<br></div> <div class="test" style="font-family:'AliceA','Impact';font-size:17px;line-height:1.3">17px 1.3 Alice<br></div>
<div class="test" style="font-family:'PT Sans Caption';font-size:16px;line-height:1.4">16px 1.4 PT Sans Caption<br></div> <div class="test" style="font-family:'PT Sans Caption','Impact';font-size:16px;line-height:1.4">16px 1.4 PT Sans Caption<br></div>
<div class="test" style="font-family:'Noto Sans';font-size:17px;line-height:1.45">17px 1.45 Noto Sans<br></div> <div class="test" style="font-family:'Noto Sans','Impact';font-size:17px;line-height:1.45">17px 1.45 Noto Sans<br></div>
<div class="test" style="font-family:'Open Sans';font-size:17px;line-height:1.4">17px 1.4 Open Sans<br></div> <div class="test" style="font-family:'Open Sans','Impact';font-size:17px;line-height:1.4">17px 1.4 Open Sans<br></div>
<!-- <div class="test" style="font-family:'Ek Mukta';font-size:18px;line-height:1.35em">18px 1.35 Ek Mukta<br></div> --> <!-- <div class="test" style="font-family:'Ek Mukta','Impact';font-size:18px;line-height:1.35em">18px 1.35 Ek Mukta<br></div> -->
<!-- <div class="test" style="font-family:'Quattrocento Sans';font-size:18px;line-height:1.25">18px 1.25 Quattrocento Sans<br></div> --> <!-- <div class="test" style="font-family:'Quattrocento Sans','Impact';font-size:18px;line-height:1.25">18px 1.25 Quattrocento Sans<br></div> -->
<!-- <div class="test" style="font-family:'Oxygen';font-size:17px;line-height:1.4">16px 1.2 Oxygen<br></div> --> <!-- <div class="test" style="font-family:'Oxygen','Impact';font-size:17px;line-height:1.4">16px 1.2 Oxygen<br></div> -->
</body> </body>