Skip to content

Instantly share code, notes, and snippets.

@felipap
Created September 19, 2017 20:30
Show Gist options
  • Save felipap/9138097f2aefa7f1f237cc8b0295f61c to your computer and use it in GitHub Desktop.
Save felipap/9138097f2aefa7f1f237cc8b0295f61c to your computer and use it in GitHub Desktop.
normal
<div style="font-family: 'notoserif'; font-size: 30; margin-bottom: 20;">notoserif</div>
<div style="font-family: 'sans-serif'; font-size: 30; margin-bottom: 20;">sans-serif</div>
<div style="font-family: 'sans-serif-light'; font-size: 30; margin-bottom: 20;">sans-serif-light</div>
<div style="font-family: 'sans-serif-thin'; font-size: 30; margin-bottom: 20;">sans-serif-thin</div>
<div style="font-family: 'sans-serif-condensed'; font-size: 30; margin-bottom: 20;">sans-serif-condensed</div>
<div style="font-family: 'sans-serif-medium'; font-size: 30; margin-bottom: 20;">sans-serif-medium</div>
<div style="font-family: 'serif'; font-size: 30; margin-bottom: 20;">serif</div>
<div style="font-family: 'Roboto'; font-size: 30; margin-bottom: 20;">Roboto</div>
<div style="font-family: 'monospace'; font-size: 30; margin-bottom: 20;">monospace</div>
<div style="font-family: 'iOS:'; font-size: 30; margin-bottom: 20;">iOS:</div>
<div style="font-family: 'San Francisco'; font-size: 30; margin-bottom: 20;">San Francisco</div>
<div style="font-family: 'Academy Engraved LET'; font-size: 30; margin-bottom: 20;">Academy Engraved LET</div>
<div style="font-family: 'AcademyEngravedLetPlain'; font-size: 30; margin-bottom: 20;">AcademyEngravedLetPlain</div>
<div style="font-family: 'Al Nile'; font-size: 30; margin-bottom: 20;">Al Nile</div>
<div style="font-family: 'AlNile-Bold'; font-size: 30; margin-bottom: 20;">AlNile-Bold</div>
<div style="font-family: 'American Typewriter'; font-size: 30; margin-bottom: 20;">American Typewriter</div>
<div style="font-family: 'AmericanTypewriter-Bold'; font-size: 30; margin-bottom: 20;">AmericanTypewriter-Bold</div>
<div style="font-family: 'AmericanTypewriter-Condensed'; font-size: 30; margin-bottom: 20;">AmericanTypewriter-Condensed</div>
<div style="font-family: 'AmericanTypewriter-CondensedBold'; font-size: 30; margin-bottom: 20;">AmericanTypewriter-CondensedBold</div>
<div style="font-family: 'AmericanTypewriter-CondensedLight'; font-size: 30; margin-bottom: 20;">AmericanTypewriter-CondensedLight</div>
<div style="font-family: 'AmericanTypewriter-Light'; font-size: 30; margin-bottom: 20;">AmericanTypewriter-Light</div>
<div style="font-family: 'Apple Color Emoji'; font-size: 30; margin-bottom: 20;">Apple Color Emoji</div>
<div style="font-family: 'Apple SD Gothic Neo'; font-size: 30; margin-bottom: 20;">Apple SD Gothic Neo</div>
<div style="font-family: 'AppleColorEmoji'; font-size: 30; margin-bottom: 20;">AppleColorEmoji</div>
<div style="font-family: 'AppleSDGothicNeo-Bold'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-Bold</div>
<div style="font-family: 'AppleSDGothicNeo-Light'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-Light</div>
<div style="font-family: 'AppleSDGothicNeo-Medium'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-Medium</div>
<div style="font-family: 'AppleSDGothicNeo-Regular'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-Regular</div>
<div style="font-family: 'AppleSDGothicNeo-SemiBold'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-SemiBold</div>
<div style="font-family: 'AppleSDGothicNeo-Thin'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-Thin</div>
<div style="font-family: 'AppleSDGothicNeo-UltraLight'; font-size: 30; margin-bottom: 20;">AppleSDGothicNeo-UltraLight</div>
<div style="font-family: 'Arial'; font-size: 30; margin-bottom: 20;">Arial</div>
<div style="font-family: 'Arial Hebrew'; font-size: 30; margin-bottom: 20;">Arial Hebrew</div>
<div style="font-family: 'Arial Rounded MT Bold'; font-size: 30; margin-bottom: 20;">Arial Rounded MT Bold</div>
<div style="font-family: 'Arial-BoldItalicMT'; font-size: 30; margin-bottom: 20;">Arial-BoldItalicMT</div>
<div style="font-family: 'Arial-BoldMT'; font-size: 30; margin-bottom: 20;">Arial-BoldMT</div>
<div style="font-family: 'Arial-ItalicMT'; font-size: 30; margin-bottom: 20;">Arial-ItalicMT</div>
<div style="font-family: 'ArialHebrew'; font-size: 30; margin-bottom: 20;">ArialHebrew</div>
<div style="font-family: 'ArialHebrew-Bold'; font-size: 30; margin-bottom: 20;">ArialHebrew-Bold</div>
<div style="font-family: 'ArialHebrew-Light'; font-size: 30; margin-bottom: 20;">ArialHebrew-Light</div>
<div style="font-family: 'ArialMT'; font-size: 30; margin-bottom: 20;">ArialMT</div>
<div style="font-family: 'ArialRoundedMTBold'; font-size: 30; margin-bottom: 20;">ArialRoundedMTBold</div>
<div style="font-family: 'Avenir'; font-size: 30; margin-bottom: 20;">Avenir</div>
<div style="font-family: 'Avenir Next'; font-size: 30; margin-bottom: 20;">Avenir Next</div>
<div style="font-family: 'Avenir Next Condensed'; font-size: 30; margin-bottom: 20;">Avenir Next Condensed</div>
<div style="font-family: 'Avenir-Black'; font-size: 30; margin-bottom: 20;">Avenir-Black</div>
<div style="font-family: 'Avenir-BlackOblique'; font-size: 30; margin-bottom: 20;">Avenir-BlackOblique</div>
<div style="font-family: 'Avenir-Book'; font-size: 30; margin-bottom: 20;">Avenir-Book</div>
<div style="font-family: 'Avenir-BookOblique'; font-size: 30; margin-bottom: 20;">Avenir-BookOblique</div>
<div style="font-family: 'Avenir-Heavy'; font-size: 30; margin-bottom: 20;">Avenir-Heavy</div>
<div style="font-family: 'Avenir-HeavyOblique'; font-size: 30; margin-bottom: 20;">Avenir-HeavyOblique</div>
<div style="font-family: 'Avenir-Light'; font-size: 30; margin-bottom: 20;">Avenir-Light</div>
<div style="font-family: 'Avenir-LightOblique'; font-size: 30; margin-bottom: 20;">Avenir-LightOblique</div>
<div style="font-family: 'Avenir-Medium'; font-size: 30; margin-bottom: 20;">Avenir-Medium</div>
<div style="font-family: 'Avenir-MediumOblique'; font-size: 30; margin-bottom: 20;">Avenir-MediumOblique</div>
<div style="font-family: 'Avenir-Oblique'; font-size: 30; margin-bottom: 20;">Avenir-Oblique</div>
<div style="font-family: 'Avenir-Roman'; font-size: 30; margin-bottom: 20;">Avenir-Roman</div>
<div style="font-family: 'AvenirNext-Bold'; font-size: 30; margin-bottom: 20;">AvenirNext-Bold</div>
<div style="font-family: 'AvenirNext-BoldItalic'; font-size: 30; margin-bottom: 20;">AvenirNext-BoldItalic</div>
<div style="font-family: 'AvenirNext-DemiBold'; font-size: 30; margin-bottom: 20;">AvenirNext-DemiBold</div>
<div style="font-family: 'AvenirNext-DemiBoldItalic'; font-size: 30; margin-bottom: 20;">AvenirNext-DemiBoldItalic</div>
<div style="font-family: 'AvenirNext-Heavy'; font-size: 30; margin-bottom: 20;">AvenirNext-Heavy</div>
<div style="font-family: 'AvenirNext-HeavyItalic'; font-size: 30; margin-bottom: 20;">AvenirNext-HeavyItalic</div>
<div style="font-family: 'AvenirNext-Italic'; font-size: 30; margin-bottom: 20;">AvenirNext-Italic</div>
<div style="font-family: 'AvenirNext-Medium'; font-size: 30; margin-bottom: 20;">AvenirNext-Medium</div>
<div style="font-family: 'AvenirNext-MediumItalic'; font-size: 30; margin-bottom: 20;">AvenirNext-MediumItalic</div>
<div style="font-family: 'AvenirNext-Regular'; font-size: 30; margin-bottom: 20;">AvenirNext-Regular</div>
<div style="font-family: 'AvenirNext-UltraLight'; font-size: 30; margin-bottom: 20;">AvenirNext-UltraLight</div>
<div style="font-family: 'AvenirNext-UltraLightItalic'; font-size: 30; margin-bottom: 20;">AvenirNext-UltraLightItalic</div>
<div style="font-family: 'AvenirNextCondensed-Bold'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-Bold</div>
<div style="font-family: 'AvenirNextCondensed-BoldItalic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-BoldItalic</div>
<div style="font-family: 'AvenirNextCondensed-DemiBold'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-DemiBold</div>
<div style="font-family: 'AvenirNextCondensed-DemiBoldItalic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-DemiBoldItalic</div>
<div style="font-family: 'AvenirNextCondensed-Heavy'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-Heavy</div>
<div style="font-family: 'AvenirNextCondensed-HeavyItalic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-HeavyItalic</div>
<div style="font-family: 'AvenirNextCondensed-Italic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-Italic</div>
<div style="font-family: 'AvenirNextCondensed-Medium'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-Medium</div>
<div style="font-family: 'AvenirNextCondensed-MediumItalic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-MediumItalic</div>
<div style="font-family: 'AvenirNextCondensed-Regular'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-Regular</div>
<div style="font-family: 'AvenirNextCondensed-UltraLight'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-UltraLight</div>
<div style="font-family: 'AvenirNextCondensed-UltraLightItalic'; font-size: 30; margin-bottom: 20;">AvenirNextCondensed-UltraLightItalic</div>
<div style="font-family: 'Bangla Sangam MN'; font-size: 30; margin-bottom: 20;">Bangla Sangam MN</div>
<div style="font-family: 'Baskerville'; font-size: 30; margin-bottom: 20;">Baskerville</div>
<div style="font-family: 'Baskerville-Bold'; font-size: 30; margin-bottom: 20;">Baskerville-Bold</div>
<div style="font-family: 'Baskerville-BoldItalic'; font-size: 30; margin-bottom: 20;">Baskerville-BoldItalic</div>
<div style="font-family: 'Baskerville-Italic'; font-size: 30; margin-bottom: 20;">Baskerville-Italic</div>
<div style="font-family: 'Baskerville-SemiBold'; font-size: 30; margin-bottom: 20;">Baskerville-SemiBold</div>
<div style="font-family: 'Baskerville-SemiBoldItalic'; font-size: 30; margin-bottom: 20;">Baskerville-SemiBoldItalic</div>
<div style="font-family: 'Bodoni 72'; font-size: 30; margin-bottom: 20;">Bodoni 72</div>
<div style="font-family: 'Bodoni 72 Oldstyle'; font-size: 30; margin-bottom: 20;">Bodoni 72 Oldstyle</div>
<div style="font-family: 'Bodoni 72 Smallcaps'; font-size: 30; margin-bottom: 20;">Bodoni 72 Smallcaps</div>
<div style="font-family: 'Bodoni Ornaments'; font-size: 30; margin-bottom: 20;">Bodoni Ornaments</div>
<div style="font-family: 'BodoniOrnamentsITCTT'; font-size: 30; margin-bottom: 20;">BodoniOrnamentsITCTT</div>
<div style="font-family: 'BodoniSvtyTwoITCTT-Bold'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoITCTT-Bold</div>
<div style="font-family: 'BodoniSvtyTwoITCTT-Book'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoITCTT-Book</div>
<div style="font-family: 'BodoniSvtyTwoITCTT-BookIta'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoITCTT-BookIta</div>
<div style="font-family: 'BodoniSvtyTwoOSITCTT-Bold'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoOSITCTT-Bold</div>
<div style="font-family: 'BodoniSvtyTwoOSITCTT-Book'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoOSITCTT-Book</div>
<div style="font-family: 'BodoniSvtyTwoSCITCTT-Book'; font-size: 30; margin-bottom: 20;">BodoniSvtyTwoSCITCTT-Book</div>
<div style="font-family: 'Bradley Hand'; font-size: 30; margin-bottom: 20;">Bradley Hand</div>
<div style="font-family: 'BradleyHandITCTT-Bold'; font-size: 30; margin-bottom: 20;">BradleyHandITCTT-Bold</div>
<div style="font-family: 'Chalkboard SE'; font-size: 30; margin-bottom: 20;">Chalkboard SE</div>
<div style="font-family: 'ChalkboardSE-Bold'; font-size: 30; margin-bottom: 20;">ChalkboardSE-Bold</div>
<div style="font-family: 'ChalkboardSE-Light'; font-size: 30; margin-bottom: 20;">ChalkboardSE-Light</div>
<div style="font-family: 'ChalkboardSE-Regular'; font-size: 30; margin-bottom: 20;">ChalkboardSE-Regular</div>
<div style="font-family: 'Chalkduster'; font-size: 30; margin-bottom: 20;">Chalkduster</div>
<div style="font-family: 'Chalkduster'; font-size: 30; margin-bottom: 20;">Chalkduster</div>
<div style="font-family: 'Cochin'; font-size: 30; margin-bottom: 20;">Cochin</div>
<div style="font-family: 'Cochin-Bold'; font-size: 30; margin-bottom: 20;">Cochin-Bold</div>
<div style="font-family: 'Cochin-BoldItalic'; font-size: 30; margin-bottom: 20;">Cochin-BoldItalic</div>
<div style="font-family: 'Cochin-Italic'; font-size: 30; margin-bottom: 20;">Cochin-Italic</div>
<div style="font-family: 'Copperplate'; font-size: 30; margin-bottom: 20;">Copperplate</div>
<div style="font-family: 'Copperplate-Bold'; font-size: 30; margin-bottom: 20;">Copperplate-Bold</div>
<div style="font-family: 'Copperplate-Light'; font-size: 30; margin-bottom: 20;">Copperplate-Light</div>
<div style="font-family: 'Courier'; font-size: 30; margin-bottom: 20;">Courier</div>
<div style="font-family: 'Courier New'; font-size: 30; margin-bottom: 20;">Courier New</div>
<div style="font-family: 'Courier-Bold'; font-size: 30; margin-bottom: 20;">Courier-Bold</div>
<div style="font-family: 'Courier-BoldOblique'; font-size: 30; margin-bottom: 20;">Courier-BoldOblique</div>
<div style="font-family: 'Courier-Oblique'; font-size: 30; margin-bottom: 20;">Courier-Oblique</div>
<div style="font-family: 'CourierNewPS-BoldItalicMT'; font-size: 30; margin-bottom: 20;">CourierNewPS-BoldItalicMT</div>
<div style="font-family: 'CourierNewPS-BoldMT'; font-size: 30; margin-bottom: 20;">CourierNewPS-BoldMT</div>
<div style="font-family: 'CourierNewPS-ItalicMT'; font-size: 30; margin-bottom: 20;">CourierNewPS-ItalicMT</div>
<div style="font-family: 'CourierNewPSMT'; font-size: 30; margin-bottom: 20;">CourierNewPSMT</div>
<div style="font-family: 'Damascus'; font-size: 30; margin-bottom: 20;">Damascus</div>
<div style="font-family: 'DamascusBold'; font-size: 30; margin-bottom: 20;">DamascusBold</div>
<div style="font-family: 'DamascusLight'; font-size: 30; margin-bottom: 20;">DamascusLight</div>
<div style="font-family: 'DamascusMedium'; font-size: 30; margin-bottom: 20;">DamascusMedium</div>
<div style="font-family: 'DamascusSemiBold'; font-size: 30; margin-bottom: 20;">DamascusSemiBold</div>
<div style="font-family: 'Devanagari Sangam MN'; font-size: 30; margin-bottom: 20;">Devanagari Sangam MN</div>
<div style="font-family: 'DevanagariSangamMN'; font-size: 30; margin-bottom: 20;">DevanagariSangamMN</div>
<div style="font-family: 'DevanagariSangamMN-Bold'; font-size: 30; margin-bottom: 20;">DevanagariSangamMN-Bold</div>
<div style="font-family: 'Didot'; font-size: 30; margin-bottom: 20;">Didot</div>
<div style="font-family: 'Didot-Bold'; font-size: 30; margin-bottom: 20;">Didot-Bold</div>
<div style="font-family: 'Didot-Italic'; font-size: 30; margin-bottom: 20;">Didot-Italic</div>
<div style="font-family: 'DiwanMishafi'; font-size: 30; margin-bottom: 20;">DiwanMishafi</div>
<div style="font-family: 'Euphemia UCAS'; font-size: 30; margin-bottom: 20;">Euphemia UCAS</div>
<div style="font-family: 'EuphemiaUCAS-Bold'; font-size: 30; margin-bottom: 20;">EuphemiaUCAS-Bold</div>
<div style="font-family: 'EuphemiaUCAS-Italic'; font-size: 30; margin-bottom: 20;">EuphemiaUCAS-Italic</div>
<div style="font-family: 'Farah'; font-size: 30; margin-bottom: 20;">Farah</div>
<div style="font-family: 'Futura'; font-size: 30; margin-bottom: 20;">Futura</div>
<div style="font-family: 'Futura-CondensedExtraBold'; font-size: 30; margin-bottom: 20;">Futura-CondensedExtraBold</div>
<div style="font-family: 'Futura-CondensedMedium'; font-size: 30; margin-bottom: 20;">Futura-CondensedMedium</div>
<div style="font-family: 'Futura-Medium'; font-size: 30; margin-bottom: 20;">Futura-Medium</div>
<div style="font-family: 'Futura-MediumItalic'; font-size: 30; margin-bottom: 20;">Futura-MediumItalic</div>
<div style="font-family: 'Geeza Pro'; font-size: 30; margin-bottom: 20;">Geeza Pro</div>
<div style="font-family: 'GeezaPro-Bold'; font-size: 30; margin-bottom: 20;">GeezaPro-Bold</div>
<div style="font-family: 'Georgia'; font-size: 30; margin-bottom: 20;">Georgia</div>
<div style="font-family: 'Georgia-Bold'; font-size: 30; margin-bottom: 20;">Georgia-Bold</div>
<div style="font-family: 'Georgia-BoldItalic'; font-size: 30; margin-bottom: 20;">Georgia-BoldItalic</div>
<div style="font-family: 'Georgia-Italic'; font-size: 30; margin-bottom: 20;">Georgia-Italic</div>
<div style="font-family: 'Gill Sans'; font-size: 30; margin-bottom: 20;">Gill Sans</div>
<div style="font-family: 'GillSans-Bold'; font-size: 30; margin-bottom: 20;">GillSans-Bold</div>
<div style="font-family: 'GillSans-BoldItalic'; font-size: 30; margin-bottom: 20;">GillSans-BoldItalic</div>
<div style="font-family: 'GillSans-Italic'; font-size: 30; margin-bottom: 20;">GillSans-Italic</div>
<div style="font-family: 'GillSans-Light'; font-size: 30; margin-bottom: 20;">GillSans-Light</div>
<div style="font-family: 'GillSans-LightItalic'; font-size: 30; margin-bottom: 20;">GillSans-LightItalic</div>
<div style="font-family: 'GillSans-SemiBold'; font-size: 30; margin-bottom: 20;">GillSans-SemiBold</div>
<div style="font-family: 'GillSans-SemiBoldItalic'; font-size: 30; margin-bottom: 20;">GillSans-SemiBoldItalic</div>
<div style="font-family: 'GillSans-UltraBold'; font-size: 30; margin-bottom: 20;">GillSans-UltraBold</div>
<div style="font-family: 'Gujarati Sangam MN'; font-size: 30; margin-bottom: 20;">Gujarati Sangam MN</div>
<div style="font-family: 'GujaratiSangamMN'; font-size: 30; margin-bottom: 20;">GujaratiSangamMN</div>
<div style="font-family: 'GujaratiSangamMN-Bold'; font-size: 30; margin-bottom: 20;">GujaratiSangamMN-Bold</div>
<div style="font-family: 'Gurmukhi MN'; font-size: 30; margin-bottom: 20;">Gurmukhi MN</div>
<div style="font-family: 'GurmukhiMN-Bold'; font-size: 30; margin-bottom: 20;">GurmukhiMN-Bold</div>
<div style="font-family: 'Heiti SC'; font-size: 30; margin-bottom: 20;">Heiti SC</div>
<div style="font-family: 'Heiti TC'; font-size: 30; margin-bottom: 20;">Heiti TC</div>
<div style="font-family: 'Helvetica'; font-size: 30; margin-bottom: 20;">Helvetica</div>
<div style="font-family: 'Helvetica Neue'; font-size: 30; margin-bottom: 20;">Helvetica Neue</div>
<div style="font-family: 'Helvetica-Bold'; font-size: 30; margin-bottom: 20;">Helvetica-Bold</div>
<div style="font-family: 'Helvetica-BoldOblique'; font-size: 30; margin-bottom: 20;">Helvetica-BoldOblique</div>
<div style="font-family: 'Helvetica-Light'; font-size: 30; margin-bottom: 20;">Helvetica-Light</div>
<div style="font-family: 'Helvetica-LightOblique'; font-size: 30; margin-bottom: 20;">Helvetica-LightOblique</div>
<div style="font-family: 'Helvetica-Oblique'; font-size: 30; margin-bottom: 20;">Helvetica-Oblique</div>
<div style="font-family: 'HelveticaNeue-Bold'; font-size: 30; margin-bottom: 20;">HelveticaNeue-Bold</div>
<div style="font-family: 'HelveticaNeue-BoldItalic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-BoldItalic</div>
<div style="font-family: 'HelveticaNeue-CondensedBlack'; font-size: 30; margin-bottom: 20;">HelveticaNeue-CondensedBlack</div>
<div style="font-family: 'HelveticaNeue-CondensedBold'; font-size: 30; margin-bottom: 20;">HelveticaNeue-CondensedBold</div>
<div style="font-family: 'HelveticaNeue-Italic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-Italic</div>
<div style="font-family: 'HelveticaNeue-Light'; font-size: 30; margin-bottom: 20;">HelveticaNeue-Light</div>
<div style="font-family: 'HelveticaNeue-LightItalic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-LightItalic</div>
<div style="font-family: 'HelveticaNeue-Medium'; font-size: 30; margin-bottom: 20;">HelveticaNeue-Medium</div>
<div style="font-family: 'HelveticaNeue-MediumItalic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-MediumItalic</div>
<div style="font-family: 'HelveticaNeue-Thin'; font-size: 30; margin-bottom: 20;">HelveticaNeue-Thin</div>
<div style="font-family: 'HelveticaNeue-ThinItalic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-ThinItalic</div>
<div style="font-family: 'HelveticaNeue-UltraLight'; font-size: 30; margin-bottom: 20;">HelveticaNeue-UltraLight</div>
<div style="font-family: 'HelveticaNeue-UltraLightItalic'; font-size: 30; margin-bottom: 20;">HelveticaNeue-UltraLightItalic</div>
<div style="font-family: 'Hiragino Mincho ProN'; font-size: 30; margin-bottom: 20;">Hiragino Mincho ProN</div>
<div style="font-family: 'Hiragino Sans'; font-size: 30; margin-bottom: 20;">Hiragino Sans</div>
<div style="font-family: 'HiraginoSans-W3'; font-size: 30; margin-bottom: 20;">HiraginoSans-W3</div>
<div style="font-family: 'HiraginoSans-W6'; font-size: 30; margin-bottom: 20;">HiraginoSans-W6</div>
<div style="font-family: 'HiraMinProN-W3'; font-size: 30; margin-bottom: 20;">HiraMinProN-W3</div>
<div style="font-family: 'HiraMinProN-W6'; font-size: 30; margin-bottom: 20;">HiraMinProN-W6</div>
<div style="font-family: 'Hoefler Text'; font-size: 30; margin-bottom: 20;">Hoefler Text</div>
<div style="font-family: 'HoeflerText-Black'; font-size: 30; margin-bottom: 20;">HoeflerText-Black</div>
<div style="font-family: 'HoeflerText-BlackItalic'; font-size: 30; margin-bottom: 20;">HoeflerText-BlackItalic</div>
<div style="font-family: 'HoeflerText-Italic'; font-size: 30; margin-bottom: 20;">HoeflerText-Italic</div>
<div style="font-family: 'HoeflerText-Regular'; font-size: 30; margin-bottom: 20;">HoeflerText-Regular</div>
<div style="font-family: 'Iowan Old Style'; font-size: 30; margin-bottom: 20;">Iowan Old Style</div>
<div style="font-family: 'IowanOldStyle-Bold'; font-size: 30; margin-bottom: 20;">IowanOldStyle-Bold</div>
<div style="font-family: 'IowanOldStyle-BoldItalic'; font-size: 30; margin-bottom: 20;">IowanOldStyle-BoldItalic</div>
<div style="font-family: 'IowanOldStyle-Italic'; font-size: 30; margin-bottom: 20;">IowanOldStyle-Italic</div>
<div style="font-family: 'IowanOldStyle-Roman'; font-size: 30; margin-bottom: 20;">IowanOldStyle-Roman</div>
<div style="font-family: 'Kailasa'; font-size: 30; margin-bottom: 20;">Kailasa</div>
<div style="font-family: 'Kailasa-Bold'; font-size: 30; margin-bottom: 20;">Kailasa-Bold</div>
<div style="font-family: 'Kannada Sangam MN'; font-size: 30; margin-bottom: 20;">Kannada Sangam MN</div>
<div style="font-family: 'KannadaSangamMN'; font-size: 30; margin-bottom: 20;">KannadaSangamMN</div>
<div style="font-family: 'KannadaSangamMN-Bold'; font-size: 30; margin-bottom: 20;">KannadaSangamMN-Bold</div>
<div style="font-family: 'Khmer Sangam MN'; font-size: 30; margin-bottom: 20;">Khmer Sangam MN</div>
<div style="font-family: 'Kohinoor Bangla'; font-size: 30; margin-bottom: 20;">Kohinoor Bangla</div>
<div style="font-family: 'Kohinoor Devanagari'; font-size: 30; margin-bottom: 20;">Kohinoor Devanagari</div>
<div style="font-family: 'Kohinoor Telugu'; font-size: 30; margin-bottom: 20;">Kohinoor Telugu</div>
<div style="font-family: 'KohinoorBangla-Light'; font-size: 30; margin-bottom: 20;">KohinoorBangla-Light</div>
<div style="font-family: 'KohinoorBangla-Regular'; font-size: 30; margin-bottom: 20;">KohinoorBangla-Regular</div>
<div style="font-family: 'KohinoorBangla-Semibold'; font-size: 30; margin-bottom: 20;">KohinoorBangla-Semibold</div>
<div style="font-family: 'KohinoorDevanagari-Light'; font-size: 30; margin-bottom: 20;">KohinoorDevanagari-Light</div>
<div style="font-family: 'KohinoorDevanagari-Regular'; font-size: 30; margin-bottom: 20;">KohinoorDevanagari-Regular</div>
<div style="font-family: 'KohinoorDevanagari-Semibold'; font-size: 30; margin-bottom: 20;">KohinoorDevanagari-Semibold</div>
<div style="font-family: 'KohinoorTelugu-Light'; font-size: 30; margin-bottom: 20;">KohinoorTelugu-Light</div>
<div style="font-family: 'KohinoorTelugu-Medium'; font-size: 30; margin-bottom: 20;">KohinoorTelugu-Medium</div>
<div style="font-family: 'KohinoorTelugu-Regular'; font-size: 30; margin-bottom: 20;">KohinoorTelugu-Regular</div>
<div style="font-family: 'Lao Sangam MN'; font-size: 30; margin-bottom: 20;">Lao Sangam MN</div>
<div style="font-family: 'Malayalam Sangam MN'; font-size: 30; margin-bottom: 20;">Malayalam Sangam MN</div>
<div style="font-family: 'MalayalamSangamMN'; font-size: 30; margin-bottom: 20;">MalayalamSangamMN</div>
<div style="font-family: 'MalayalamSangamMN-Bold'; font-size: 30; margin-bottom: 20;">MalayalamSangamMN-Bold</div>
<div style="font-family: 'Marker Felt'; font-size: 30; margin-bottom: 20;">Marker Felt</div>
<div style="font-family: 'MarkerFelt-Thin'; font-size: 30; margin-bottom: 20;">MarkerFelt-Thin</div>
<div style="font-family: 'MarkerFelt-Wide'; font-size: 30; margin-bottom: 20;">MarkerFelt-Wide</div>
<div style="font-family: 'Menlo'; font-size: 30; margin-bottom: 20;">Menlo</div>
<div style="font-family: 'Menlo-Bold'; font-size: 30; margin-bottom: 20;">Menlo-Bold</div>
<div style="font-family: 'Menlo-BoldItalic'; font-size: 30; margin-bottom: 20;">Menlo-BoldItalic</div>
<div style="font-family: 'Menlo-Italic'; font-size: 30; margin-bottom: 20;">Menlo-Italic</div>
<div style="font-family: 'Menlo-Regular'; font-size: 30; margin-bottom: 20;">Menlo-Regular</div>
<div style="font-family: 'Mishafi'; font-size: 30; margin-bottom: 20;">Mishafi</div>
<div style="font-family: 'Noteworthy'; font-size: 30; margin-bottom: 20;">Noteworthy</div>
<div style="font-family: 'Noteworthy-Bold'; font-size: 30; margin-bottom: 20;">Noteworthy-Bold</div>
<div style="font-family: 'Noteworthy-Light'; font-size: 30; margin-bottom: 20;">Noteworthy-Light</div>
<div style="font-family: 'Optima'; font-size: 30; margin-bottom: 20;">Optima</div>
<div style="font-family: 'Optima-Bold'; font-size: 30; margin-bottom: 20;">Optima-Bold</div>
<div style="font-family: 'Optima-BoldItalic'; font-size: 30; margin-bottom: 20;">Optima-BoldItalic</div>
<div style="font-family: 'Optima-ExtraBlack'; font-size: 30; margin-bottom: 20;">Optima-ExtraBlack</div>
<div style="font-family: 'Optima-Italic'; font-size: 30; margin-bottom: 20;">Optima-Italic</div>
<div style="font-family: 'Optima-Regular'; font-size: 30; margin-bottom: 20;">Optima-Regular</div>
<div style="font-family: 'Oriya Sangam MN'; font-size: 30; margin-bottom: 20;">Oriya Sangam MN</div>
<div style="font-family: 'OriyaSangamMN'; font-size: 30; margin-bottom: 20;">OriyaSangamMN</div>
<div style="font-family: 'OriyaSangamMN-Bold'; font-size: 30; margin-bottom: 20;">OriyaSangamMN-Bold</div>
<div style="font-family: 'Palatino'; font-size: 30; margin-bottom: 20;">Palatino</div>
<div style="font-family: 'Palatino-Bold'; font-size: 30; margin-bottom: 20;">Palatino-Bold</div>
<div style="font-family: 'Palatino-BoldItalic'; font-size: 30; margin-bottom: 20;">Palatino-BoldItalic</div>
<div style="font-family: 'Palatino-Italic'; font-size: 30; margin-bottom: 20;">Palatino-Italic</div>
<div style="font-family: 'Palatino-Roman'; font-size: 30; margin-bottom: 20;">Palatino-Roman</div>
<div style="font-family: 'Papyrus'; font-size: 30; margin-bottom: 20;">Papyrus</div>
<div style="font-family: 'Papyrus-Condensed'; font-size: 30; margin-bottom: 20;">Papyrus-Condensed</div>
<div style="font-family: 'Party LET'; font-size: 30; margin-bottom: 20;">Party LET</div>
<div style="font-family: 'PartyLetPlain'; font-size: 30; margin-bottom: 20;">PartyLetPlain</div>
<div style="font-family: 'PingFang HK'; font-size: 30; margin-bottom: 20;">PingFang HK</div>
<div style="font-family: 'PingFang SC'; font-size: 30; margin-bottom: 20;">PingFang SC</div>
<div style="font-family: 'PingFang TC'; font-size: 30; margin-bottom: 20;">PingFang TC</div>
<div style="font-family: 'PingFangHK-Light'; font-size: 30; margin-bottom: 20;">PingFangHK-Light</div>
<div style="font-family: 'PingFangHK-Medium'; font-size: 30; margin-bottom: 20;">PingFangHK-Medium</div>
<div style="font-family: 'PingFangHK-Regular'; font-size: 30; margin-bottom: 20;">PingFangHK-Regular</div>
<div style="font-family: 'PingFangHK-Semibold'; font-size: 30; margin-bottom: 20;">PingFangHK-Semibold</div>
<div style="font-family: 'PingFangHK-Thin'; font-size: 30; margin-bottom: 20;">PingFangHK-Thin</div>
<div style="font-family: 'PingFangHK-Ultralight'; font-size: 30; margin-bottom: 20;">PingFangHK-Ultralight</div>
<div style="font-family: 'PingFangSC-Light'; font-size: 30; margin-bottom: 20;">PingFangSC-Light</div>
<div style="font-family: 'PingFangSC-Medium'; font-size: 30; margin-bottom: 20;">PingFangSC-Medium</div>
<div style="font-family: 'PingFangSC-Regular'; font-size: 30; margin-bottom: 20;">PingFangSC-Regular</div>
<div style="font-family: 'PingFangSC-Semibold'; font-size: 30; margin-bottom: 20;">PingFangSC-Semibold</div>
<div style="font-family: 'PingFangSC-Thin'; font-size: 30; margin-bottom: 20;">PingFangSC-Thin</div>
<div style="font-family: 'PingFangSC-Ultralight'; font-size: 30; margin-bottom: 20;">PingFangSC-Ultralight</div>
<div style="font-family: 'PingFangTC-Light'; font-size: 30; margin-bottom: 20;">PingFangTC-Light</div>
<div style="font-family: 'PingFangTC-Medium'; font-size: 30; margin-bottom: 20;">PingFangTC-Medium</div>
<div style="font-family: 'PingFangTC-Regular'; font-size: 30; margin-bottom: 20;">PingFangTC-Regular</div>
<div style="font-family: 'PingFangTC-Semibold'; font-size: 30; margin-bottom: 20;">PingFangTC-Semibold</div>
<div style="font-family: 'PingFangTC-Thin'; font-size: 30; margin-bottom: 20;">PingFangTC-Thin</div>
<div style="font-family: 'PingFangTC-Ultralight'; font-size: 30; margin-bottom: 20;">PingFangTC-Ultralight</div>
<div style="font-family: 'Savoye LET'; font-size: 30; margin-bottom: 20;">Savoye LET</div>
<div style="font-family: 'SavoyeLetPlain'; font-size: 30; margin-bottom: 20;">SavoyeLetPlain</div>
<div style="font-family: 'Sinhala Sangam MN'; font-size: 30; margin-bottom: 20;">Sinhala Sangam MN</div>
<div style="font-family: 'SinhalaSangamMN'; font-size: 30; margin-bottom: 20;">SinhalaSangamMN</div>
<div style="font-family: 'SinhalaSangamMN-Bold'; font-size: 30; margin-bottom: 20;">SinhalaSangamMN-Bold</div>
<div style="font-family: 'Snell Roundhand'; font-size: 30; margin-bottom: 20;">Snell Roundhand</div>
<div style="font-family: 'SnellRoundhand-Black'; font-size: 30; margin-bottom: 20;">SnellRoundhand-Black</div>
<div style="font-family: 'SnellRoundhand-Bold'; font-size: 30; margin-bottom: 20;">SnellRoundhand-Bold</div>
<div style="font-family: 'Symbol'; font-size: 30; margin-bottom: 20;">Symbol</div>
<div style="font-family: 'Tamil Sangam MN'; font-size: 30; margin-bottom: 20;">Tamil Sangam MN</div>
<div style="font-family: 'TamilSangamMN-Bold'; font-size: 30; margin-bottom: 20;">TamilSangamMN-Bold</div>
<div style="font-family: 'Telugu Sangam MN'; font-size: 30; margin-bottom: 20;">Telugu Sangam MN</div>
<div style="font-family: 'Thonburi'; font-size: 30; margin-bottom: 20;">Thonburi</div>
<div style="font-family: 'Thonburi-Bold'; font-size: 30; margin-bottom: 20;">Thonburi-Bold</div>
<div style="font-family: 'Thonburi-Light'; font-size: 30; margin-bottom: 20;">Thonburi-Light</div>
<div style="font-family: 'Times New Roman'; font-size: 30; margin-bottom: 20;">Times New Roman</div>
<div style="font-family: 'TimesNewRomanPS-BoldItalicMT'; font-size: 30; margin-bottom: 20;">TimesNewRomanPS-BoldItalicMT</div>
<div style="font-family: 'TimesNewRomanPS-BoldMT'; font-size: 30; margin-bottom: 20;">TimesNewRomanPS-BoldMT</div>
<div style="font-family: 'TimesNewRomanPS-ItalicMT'; font-size: 30; margin-bottom: 20;">TimesNewRomanPS-ItalicMT</div>
<div style="font-family: 'TimesNewRomanPSMT'; font-size: 30; margin-bottom: 20;">TimesNewRomanPSMT</div>
<div style="font-family: 'Trebuchet MS'; font-size: 30; margin-bottom: 20;">Trebuchet MS</div>
<div style="font-family: 'Trebuchet-BoldItalic'; font-size: 30; margin-bottom: 20;">Trebuchet-BoldItalic</div>
<div style="font-family: 'TrebuchetMS-Bold'; font-size: 30; margin-bottom: 20;">TrebuchetMS-Bold</div>
<div style="font-family: 'TrebuchetMS-Italic'; font-size: 30; margin-bottom: 20;">TrebuchetMS-Italic</div>
<div style="font-family: 'Verdana'; font-size: 30; margin-bottom: 20;">Verdana</div>
<div style="font-family: 'Verdana-Bold'; font-size: 30; margin-bottom: 20;">Verdana-Bold</div>
<div style="font-family: 'Verdana-BoldItalic'; font-size: 30; margin-bottom: 20;">Verdana-BoldItalic</div>
<div style="font-family: 'Verdana-Italic'; font-size: 30; margin-bottom: 20;">Verdana-Italic</div>
<div style="font-family: 'Zapf Dingbats'; font-size: 30; margin-bottom: 20;">Zapf Dingbats</div>
<div style="font-family: 'ZapfDingbatsITC'; font-size: 30; margin-bottom: 20;">ZapfDingbatsITC</div>
<div style="font-family: 'Zapfino'; font-size: 30; margin-bottom: 20;">Zapfino</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment