/
index.html
444 lines (444 loc) · 45.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
<!doctype html>
<html>
<head>
<title>Fontipsums</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="font pairing, font combinations, ipsums" />
<meta name="author" content="Brittany Chiang" />
<meta name="description" content="Web font combinations with various ipsums" />
<meta property="og:description" content="Web font combinations with various ipsums" />
<meta property="og:image" content="" />
<meta property="og:image:type" content="image/png" />
<meta property="og:title" content="Fontimpsums" />
<meta property="og:url" content="http://brittanychiang.com/fontipsums" />
<meta property="og:type" content="website" />
<link rel="shortcut icon" href="logo.png">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<div class="site-wrapper">
<div class="container intro">
<div class="intro-wrapper">
<div class="site-title">
<h1 class="top">Fontipsums</h1>
<h1 class="bottom">font combinations with various ipsums</h1>
</div>
<div class="colophon">
<div class="column1">
<p>All fonts used are available for free on <a href="https://www.google.com/fonts" target="_blank">Google Fonts</a> or elsewhere on the interwebs. Ipsums found via <a href="http://meettheipsums.com/" target="_blank">meettheipsums.com</a>.
All photographic images are from <a href="https://unsplash.com/" target="_blank">unsplash.com</a>. This site was inspired by <a href="http://hellohappy.org/beautiful-web-type/" target="_blank">this</a>, <a href="http://bueltge.de/free-web-font-combinations/"
target="_blank">this</a>, and <a href="http://femmebot.github.io/google-type/" target="_blank">this</a>. Click the text examples to get the typeface!</p>
</div>
<div class="column2">
<p>Maintained by <a href="http://brittanychiang.com" target="_blank">Brittany Chiang</a>
<br>Fork this repo on <a href="#" target="_blank">Github</a></p>
</div>
</div>
</div>
</div>
<div class="container container-1">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Lato" target="_blank">Lato</a>, <a href="https://www.google.com/fonts/specimen/Roboto+Slab" target="_blank">Roboto Slab</a></p>
</div>
<div class="text-wrapper" id="latoRobotoSlab">
<h2><a href="https://www.google.com/fonts/specimen/Lato">Lorem Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Roboto+Slab">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</a></p>
</div>
</div>
<div class="container photo-1">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Raleway" target="_blank">Raleway</a>, <a class="white" href="https://www.google.com/fonts/specimen/Lusitana" target="_blank">Lusitana</a></p>
</div>
<div class="text-wrapper" id="ralewayLusitana">
<h2><a href="https://www.google.com/fonts/specimen/Raleway" target="_blank">Coffee Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Lusitana" target="_blank">Lungo, organic fair trade, single shot, ristretto, so grounds robust, siphon, chicory aftertaste galão a aroma cortado. So caffeine half and half acerbic to go doppio con panna, macchiato dark galão doppio siphon dripper extra seasonal.
And café au lait seasonal robusta that, mazagran café au lait crema dripper fair trade mazagran espresso foam. Seasonal blue mountain, instant, single shot percolator, milk coffee cream, half and half, organic shop, to go viennese,
aged filter trifecta seasonal et latte. Pumpkin spice, viennese, aftertaste, extraction, arabica, milk, cream, ristretto sweet, plunger pot qui, id sugar froth roast white cinnamon skinny shop.</a></p>
</div>
</div>
<div class="container container-2">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Nixie+One" target="_blank">Nixie One</a>, <a href="https://www.google.com/fonts/specimen/Libre+Baskerville" target="_blank">Libre Baskerville</a></p>
</div>
<div class="text-wrapper" id="nixieLibre">
<h2><a href="https://www.google.com/fonts/specimen/Nixie+One" target="_blank">Cat Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Libre+Baskerville" target="_blank">Bobcat burmese so leopard manx. Havana brown siamese and bengal and british shorthair russian blue, and cougar. Mouser scottish fold or panther himalayan yet siberian and tabby. Bengal. Singapura leopard maine coon, for mouser, yet donskoy.
Cheetah american bobtail american shorthair siberian or russian blue yet persian. Tomcat manx siamese but birman.
Himalayan tiger. Russian blue kitty grimalkin. Scottish fold himalayan. Thai devonshire rex.</a></p>
<p><a href="https://www.google.com/fonts/specimen/Libre+Baskerville" target="_blank">Savannah cougar for tomcat so turkish angora malkin. Kitten siberian bobcat. Leopard. Tiger burmese. Grimalkin mouser persian. Norwegian forest tomcat. Singapura cougar but balinese so singapura for scottish fold.</a></p>
</div>
</div>
<div class="container photo-2">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Playfair+Display" target="_blank">Playfair Display</a>, <a class="white" href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="playfairSourceSans">
<h2><a href="Playfair+Display" target="_blank">Bluth Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">I've always been deeply passionate about nature. Perhaps you remember Neuterfest? M: I'll never forget your wedding. If I look like a man who made love to his wife last night – it's because I almost did. We need a name. Maybe "Operation
Hot Mother." No, let's try to top that. (They never did.) Buster, what are you doing with mother's rape horn? A group of British builders operating outside the O.C.</a></p>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Turn this skiff around! Stop it, stop it. This objectification of women has to stop. It's just Mom and whores. No! These are just strippers! Look how hot they are!</a></p>
</div>
</div>
<div class="container container-3">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Droid+Serif" target="_blank">Droid Serif</a>, <a class="white" href="https://www.google.com/fonts/specimen/Lato" target="_blank">Lato</a></p>
</div>
<div class="text-wrapper" id="droidSerifLato">
<h2><a href="https://www.google.com/fonts/specimen/Droid+Serif" target="_blank">Cupcake Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Lato" target="_blank">Jelly-o gummi bears danish tootsie roll pudding powder dessert brownie. Powder apple pie icing halvah pastry bonbon toffee jelly. Cupcake toffee carrot cake oat cake apple pie danish cake icing. Tootsie roll oat cake croissant chocolate
bar.
</a></p>
<p><a href="https://www.google.com/fonts/specimen/Lato" target="_blank">Chocolate bar powder fruitcake liquorice. Lollipop icing tootsie roll tiramisu sesame snaps sesame snaps. Cheesecake toffee cookie jelly-o sesame snaps croissant.</a></p>
</div>
</div>
<div class="container photo-3">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Open+Sans" target="_blank">Open Sans</a>, <a class="white" href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="openSansSourceSans">
<h2><a href="https://www.google.com/fonts/specimen/Open+Sans" target="_blank">Corporate Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</a></p>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar solutions without functional solutions.</a></p>
</div>
</div>
<div class="container container-4">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Lato" target="_blank">Lato</a>, <a class="white" href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">Merriweather</a></p>
</div>
<div class="text-wrapper" id="latoMerriweather">
<h2><a href="https://www.google.com/fonts/specimen/Lato" target="_blank">TV Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">All of them had hair of gold like their mother the youngest one in curls. Well we're movin' on up to the east side. To a deluxe apartment in the sky? Come and play. Everything's A-OK. Friendly neighbors there that's where we meet. Can
you tell me how to get how to get to Sesame Street.</a></p>
</div>
</div>
<div class="container photo-4">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Rufina" target="_blank">Rufina</a>, <a href="https://www.google.com/fonts/specimen/Sintony" target="_blank">Sintony</a></p>
</div>
<div class="text-wrapper" id="rufinaSintony">
<h2><a href="https://www.google.com/fonts/specimen/Rufina" target="_blank">Zombie Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Sintony" target="_blank">Zombie ipsum reversus ab viral inferno, nam rick grimes malum cerebro. De carne lumbering animata corpora quaeritis. Summus brains sit, morbo vel maleficia? De apocalypsi gorger omero undead survivor dictum mauris. Hi mindless mortuis
soulless creaturas, imo evil stalking monstra adventus resi dentevil vultus comedat cerebella viventium. Qui animated corpse, cricket bat max brucks terribilem incessu zomby. The voodoo sacerdos flesh eater, suscitat mortuos comedere
carnem virus.</a></p>
</div>
</div>
<div class="container container-5">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Roboto+Slab" target="_blank">Roboto Slab</a>, <a class="white" href="https://www.google.com/fonts/specimen/Roboto" target="_blank">Roboto</a></p>
</div>
<div class="text-wrapper" id="robotoSlabRoboto">
<h2><a href="https://www.google.com/fonts/specimen/Roboto+Slab" target="_blank">Hipster Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Roboto" target="_blank">Semiotics microdosing brooklyn drinking vinegar put a bird on it, kogi flannel viral. Hashtag seitan cred swag, hoodie pour-over small batch green juice vice 3 wolf moon ennui heirloom flexitarian gochujang. Small batch biodiesel flexitarian
chicharrones. Forage iPhone banh mi, fashion axe next level quinoa neutra. Semiotics gentrify you probably haven't heard of them, iPhone artisan single-origin coffee cliche godard organic. Street art dreamcatcher ennui, hammock artisan
pabst meditation 90's echo park food truck chartreuse disrupt deep v lo-fi cornhole. Sartorial asymmetrical banjo gentrify hella viral.</a></p>
</div>
</div>
<div class="container photo-5">
<div class="font-pair white">
<p><a href="https://www.google.com/fonts/specimen/Yeseva+One" target="_blank">Yeseva One</a>, <a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">Merriweather</a>, <a href="https://www.google.com/fonts/specimen/Merriweather+Sans"
target="_blank">Merriweather Sans</a></p>
</div>
<div class="text-wrapper" id="yesevaMerriweather">
<h2><a href="https://www.google.com/fonts/specimen/Yeseva+One" target="_blank">Pommie Ipsum</a></h2>
<h3><a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">Keep calm and pommy ipsum</a></h3>
<p><a href="https://www.google.com/fonts/specimen/Merriweather+Sans" target="_blank">Pommy ipsum at the boozer doofer every fortnight bread and butter pudding owt off t'shop, naff well chuffed loo lass and we all like figgy pudding. Jolly good nigh ey up Weeping Angels bog off middle class absolute twoddle spam fritters,
crumpets dignified plum pudding naff old chap punter red telephone box, you mean it ain't me noggin' scrubber pillock on his tod manky the lakes.</a></p>
</div>
</div>
<div class="container container-1">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Oxygen</a>, <a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="oxygenSourceSans">
<h2><a href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Cheese Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Cheese and biscuits say cheese red leicester. Who moved my cheese danish fontina cottage cheese lancashire fromage frais queso lancashire paneer. Cheese on toast squirty cheese feta pecorino stinking bishop paneer jarlsberg dolcelatte.
Airedale edam danish fontina lancashire st. agur blue cheese who moved my cheese parmesan emmental. Taleggio cow fromage frais red leicester camembert de normandie swiss cheese slices pepper jack. Ricotta fondue queso mascarpone halloumi
mozzarella caerphilly blue castello. Cheese and wine the big cheese cheese and biscuits cheesy feet manchego brie bavarian bergkase taleggio. Cheeseburger caerphilly pepper jack.</a></p>
</div>
</div>
<div class="container photo-6">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Vidaloka" target="_blank">Vidaloka</a>, <a class="white" href="https://www.google.com/fonts/specimen/Noto+Sans" target="_blank">Noto Sans</a></p>
</div>
<div class="text-wrapper" id="vidalokaNotoSans">
<h2><a href="https://www.google.com/fonts/specimen/Vidaloka" target="_blank">Startup Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Noto+Sans" target="_blank">Prototype low hanging fruit alpha technology stealth influencer. Iteration business model canvas market responsive web design series A financing startup sales stock. Social media crowdsource A/B testing backing technology pitch user experience
early adopters startup twitter non-disclosure agreement supply chain direct mailing scrum project.</a></p>
</div>
</div>
<div class="container container-2">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Abril+Fatface" target="_blank">Abril Fatface</a>, <a href="https://www.google.com/fonts/specimen/Josefin+Sans" target="_blank">Josefin Sans</a></p>
</div>
<div class="text-wrapper" id="abrilJosefin">
<h2><a href="https://www.google.com/fonts/specimen/Abril+Fatface" target="_blank">Gansta Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Josefin+Sans" target="_blank">Lorizzle ipsum dolizzle sure amizzle, consectetuer adipiscing elit. Nullam phat velizzle, for sure volutpizzle, mammasay mammasa mamma oo sa quizzle, gravida vizzle, arcu. Ass doggy tortor. Sizzle erizzle. Fo shizzle my shizz fo shizzle
dapibus i saw beyonces tizzles and my pizzle went crizzle tempizzle tellivizzle. Maurizzle pot nibh et turpizzle. Shut the shizzle up izzle sizzle. shit rhoncizzle rizzle. In i'm in the shizzle habitasse check it out dictumst. Fo dapibizzle.
Curabitur tellus urna, fo shizzle things, mattizzle ac, eleifend doggy, nunc. Pot cool. Integer bow wow wow mammasay mammasa mamma oo sa sed that's the shizzle.</a></p>
</div>
</div>
<div class="container photo-7">
<div class="font-pair">
<p><a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">Merriweather</a>, <a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="merriweatherSourceSans">
<h2><a href="https://www.google.com/fonts/specimen/Merriweather" target="_blank">Samuel L. Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">You think water moves fast? You should see ice. It moves like it has a mind. Like it knows it killed the world once and got a taste for murder. After the avalanche, it took us a week to climb out. Now, I don't know exactly when we turned
on each other, but I know that seven of us survived the slide... and only five made it out. Now we took an oath, that I'm breaking now. We said we'd say it was the snow that killed the other two, but it wasn't. Nature is lethal but
it doesn't hold a candle to man.</a></p>
</div>
</div>
<div class="container container-3">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Roboto" target="_blank">Roboto</a>, <a class="white" href="https://www.google.com/fonts/specimen/Noto+Serif" target="_blank">Noto Serif</a></p>
</div>
<div class="text-wrapper" id="robotoNotoSerif">
<h2><a href="https://www.google.com/fonts/specimen/Roboto" target="_blank">Sagan Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Noto+Serif" target="_blank">Rogue. Rich in mystery, hydrogen atoms Hypatia. The sky calls to us circumnavigated vastness is bearable only through love. Galaxies preserve and cherish that pale blue dot! The carbon in our apple pies? Billions upon billions birth great
turbulent clouds, a very small stage in a vast cosmic arena Sea of Tranquility realm of the galaxies birth realm of the galaxies, Flatland. Tunguska event. A very small stage in a vast cosmic arena Vangelis something incredible is
waiting to be known Orion's sword the only home we've ever known courage of our questions, intelligent beings Drake Equation worldlets citizens of distant epochs. Concept of the number one.</a></p>
</div>
</div>
<div class="container photo-8">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Quattrocento+Serif" target="_blank">Quattrocento Serif</a>, <a class="white" href="https://www.google.com/fonts/specimen/Quattrocento+Sans" target="_blank">Quattrocento Sans</a></p>
</div>
<div class="text-wrapper" id="quattrocentoSerifSans">
<h2><a href="https://www.google.com/fonts/specimen/Quattrocento+Serif" target="_blank">Bacon Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Quattrocento+Sans" target="_blank">Bacon ipsum dolor amet strip steak frankfurter turkey kielbasa picanha, short ribs pork chop t-bone bacon pastrami spare ribs meatloaf. Shank beef ribs beef ribeye rump andouille. Turkey landjaeger tri-tip jerky bacon, ham hock flank sausage
strip steak chuck cow meatloaf tongue. Pastrami frankfurter meatball, ham ribeye doner pork belly.</a></p>
</div>
</div>
<div class="container container-4">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Raleway" target="_blank">Raleway</a>, <a class="white" href="https://www.google.com/fonts/specimen/Playfair+Display" target="_blank">Playfair Display</a></p>
</div>
<div class="text-wrapper" id="ralewayPlayfair">
<h2><a href="https://www.google.com/fonts/specimen/Raleway" target="_blank">Skate Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Playfair+Display" target="_blank">Skate ipsum dolor sit amet, nose slide smith grind baseplate street boneless fast plant. Body varial backside rail lip masonite snake.</a></p>
</div>
</div>
<div class="container photo-9">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Martel" target="_blank">Martel</a>, <a class="white" href="https://www.google.com/fonts/specimen/Martel+Sans" target="_blank">Martel Sans</a></p>
</div>
<div class="text-wrapper" id="martelSerifSans">
<h2><a href="https://www.google.com/fonts/specimen/Martel" target="_blank">Yar Pirate Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Martel+Sans" target="_blank">Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack
gangway rutters.</a></p>
</div>
</div>
<div class="container container-5">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Suranna" target="_blank">Suranna</a>, <a class="white" href="https://www.google.com/fonts/specimen/Open+Sans" target="_blank">Open Sans</a></p>
</div>
<div class="text-wrapper" id="surannaOpenSans">
<h2><a href="https://www.google.com/fonts/specimen/Suranna" target="_blank">Vegas Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Open+Sans" target="_blank">Betting limits veer towers hard rock hotel dice payoff top of the world? Betting limits insurance haze tease rack vegas givecamp whale fremont street! All in parlay the joint tease chips blackjack, shooter dayclubs lax pot? Pit boss swim-up
blackjack push check the mgm grand tapped out; body english flamingo hotel hard rock hotel card counting. Tapped out double down wildcard ante the joint the chapel of love hard rock hotel, aria body english odds price high roller?
Naked city double down nightclubs glitter gluch the luxor town square, the strip lounges margaritaville body english!</a></p>
</div>
</div>
<div class="container photo-10">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Ovo" target="_blank">Ovo</a>, <a class="white" href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Oxygen</a></p>
</div>
<div class="text-wrapper" id="ovoOxygen">
<h2><a href="https://www.google.com/fonts/specimen/Ovo" target="_blank">Gag Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Nother To Do Here i see what you did there bottom cereal guy food note angry birds kitchen woman woman brother. Nerd on really? Read aww yeah oh god why genius nyan cat russia movie megusta superhero finals week. Admire gtfo humor diablo
3 cereal dummies michelle hac amet female. Trolololo rainbow unsave le me morbi amnesia lol for asian derpina. Twitter friendzoned movies fap fap ipsum students so hardcore lose luke. Laptop woman in the kitchen pikachu cookie monster
oh stop it, you a homework homer keyboard mother i know that feel.</a></p>
</div>
</div>
<div class="container container-1">
<div class="font-pair">
<p><a href="https://www.behance.net/gallery/31448981/Argon-(Free-Font)" target="_blank">Argon</a>, <a href="https://www.google.com/fonts/specimen/Quattrocento+Sans" target="_blank">Quattrocento Sans</a></p>
</div>
<div class="text-wrapper" id="argonQuattrocentoSans">
<h2><a href="https://www.behance.net/gallery/31448981/Argon-(Free-Font)" target="_blank">Tuna Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Quattrocento+Sans" target="_blank">Freshwater hatchetfish Japanese eel ocean perch yellowfin pike plownose chimaera? North American freshwater catfish long-whiskered catfish sprat silver dollar silver carp jewelfish Devario oldwife spinyfin.</a></p>
<p><a href="https://www.google.com/fonts/specimen/Quattrocento+Sans" target="_blank" target="_blank">Cherubfish, "featherback fire bar danio pike eel blue eye hagfish threespine stickleback." Moorish idol plunderfish California halibut snubnose eel morid cod grayling pompano dolphinfish. Conger eel grouper, "broadband dogfish molly silverside rock beauty lumpsucker hatchetfish," dealfish white croaker dartfish zebra loach sand lance prickly shark deep sea eel European chub loach goby herring smelt.</a></p>
</div>
</div>
<div class="container photo-11">
<div class="font-pair white">
<p><a class="white" href="https://www.google.com/fonts/specimen/Sanchez" target="_blank">Sanchez</a>, <a class="white" href="#" target="_blank">Proxima Nova</a></p>
</div>
<div class="text-wrapper" id="sanchezProxima">
<h2><a href="https://www.google.com/fonts/specimen/Sanchez" target="_blank">Bogan Ipsum</a></h2>
<p><a href="#" target="_blank">Lets get some relo flamin grab us a chokkie. Gutful of aussie salute no worries she'll be right perve. Built like a roo bar heaps she'll be right booze bus. We're going not my bowl of rice when lets throw a squizz. It'll be larrikin when lets get some smoko. Trent from punchy bull bar with as busy as a slab. Come a rort bloody you little ripper beauty. Get a dog up ya dob you little ripper yakka.</a></p>
</div>
</div>
<div class="container container-2">
<div class="font-pair">
<p><a href="#" target="_blank">Proxima Nova</a>, <a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="proximaSourceSans">
<h2><a href="#" target="_blank">Monocle Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Monocle ipsum dolor sit amet joy the best sharp vibrant Lufthansa boulevard cutting-edge. Intricate iconic eclectic soft power K-pop Winkreative Airbus A380 premium Lufthansa pintxos Ginza joy hub. Efficient eclectic global tote bag. Perfect St Moritz premium, delightful espresso Ginza Nordic Gaggenau international flat white Tsutaya handsome Airbus A380 lovely bulletin. K-pop emerging Asia-Pacific, discerning the highest quality craftsmanship Fast Lane punctual Washlet Helsinki Beams sophisticated.</a></p>
</div>
</div>
<div class="container photo-12">
<div class="font-pair">
<p><a href="https://okaytype.com/harriet/series" target="_blank">Harriet</a>, <a href="https://okaytype.com/alright/sans" target="_blank">Alright Sans</a></p>
</div>
<div class="text-wrapper" id="harrietAlright">
<h2><a href="https://okaytype.com/harriet/series" target="_blank">Sheen Ipsum</a></h2>
<p><a href="https://okaytype.com/alright/sans" target="_blank">How complicated can it be? What they're not ready for, is guys like you and I, Nails, and all the other gnarly gnarlingtons in my life ... that we are high priests ... Vatican assassin warlocks. Boom. Print that, people. See where that goes. They urge you to put down your sword and come join the winners.</a></p>
</div>
</div>
<div class="container container-3">
<div class="font-pair white">
<p><a class="white" href="http://salomefont.com/" target="_blank">Salome</a>, <a class="white" href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Oxygen</a></p>
</div>
<div class="text-wrapper" id="salomeOxygen">
<h2><a class="white" href="http://salomefont.com/" target="_blank">Riker Ipsum</a></h2>
<p><a class="white" href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">I recommend you don't fire until you're within 40,000 kilometers. In all trust, there is the possibility for betrayal. Well, that's certainly good to know. Computer, lights up! Travel time to the nearest starbase? Fate. It protects fools, little children, and ships named "Enterprise." Sorry, Data. The game's not big enough unless it scares you a little.</a></p>
</div>
</div>
<div class="container photo-13">
<div class="font-pair">
<p><a href="https://www.behance.net/gallery/27753367/Butler-FREE-FONT" target="_blank">Butler</a>, <a href="#" target="_blank">Avenir</a></p>
</div>
<div class="text-wrapper" id="butlerAvenir">
<h2><a href="https://www.behance.net/gallery/27753367/Butler-FREE-FONT" target="_blank">Pahu Ipsum</a></h2>
<p><a href="#" target="_blank">Ko te moemoea a Maui kia haere ngatahi ai ratou ko ona tuakana ki te hii ika. I te hokinga mai o ona tuakana ki tatahi, ka kii atu a Maui, “ka taea e au te haramai i to koutou na taha ki te hii ika?” Engari, ko te whakautu o ona tuakana ki a ia ano, “Kao, he rangatahi noa iho koe. Kaore he wahi mau kei te waka nei, na reira me noho tau ki tatahi ke”.</a></p>
</div>
</div>
<div class="container container-4">
<div class="font-pair white">
<p><a class="white" href="http://thezinx.com/design/moon-free-font-download/" target="_blank">Moon</a>, <a class="white" href="https://www.google.com/fonts/specimen/Lora" target="_blank">Lora</a></p>
</div>
<div class="text-wrapper" id="moonLora">
<h2><a class="white" href="http://thezinx.com/design/moon-free-font-download/" target="_blank">Melbourne Ipsum</a></h2>
<p><a class="white" href="https://www.google.com/fonts/specimen/Lora" target="_blank">The croft institute moomba, the australian open brunswick st hippy lygon street spruikers burlesque chapel street, chopper read graffiti flemington racecourse formula one grand prix posh brighton, lions bar swanston four seasons in one day ticket inspector kylie minogue, the espy food bloggers melb.</a></p>
</div>
</div>
<div class="container photo-14">
<div class="font-pair">
<p><a href="https://www.behance.net/gallery/26401315/Unna" target="_blank">Unna</a>, <a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">Ideal Sans</a></p>
</div>
<div class="text-wrapper" id="unnaAzo">
<h2><a href="https://www.behance.net/gallery/26401315/Unna" target="_blank">Picksum Ipsum</a></h2>
<p><a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">I don't think they tried to market it to the billionaire, spelunking, base-jumping crowd. circumstances have taught me that a man's ethics are the only possessions he will take beyond the grave. you know, your bobby dangler, giggle stick, your general-two-colonels, master of ceremonies... yeah, don't be shy, let's have a look.</a></p>
</div>
</div>
<div class="container container-5">
<div class="font-pair white">
<p><a class="white" href="https://www.behance.net/gallery/aleo-free-font-family/8018673" target="_blank">Aleo</a>, <a class="white" href="https://www.google.com/fonts/specimen/Lato" target="_blank">Lato</a></p>
</div>
<div class="text-wrapper" id="aleoLato">
<h2><a class="white" href="https://www.behance.net/gallery/aleo-free-font-family/8018673" target="_blank">Ancient Alien Ipsum</a></h2>
<p><a class="white" href="https://www.google.com/fonts/specimen/Lato" target="_blank">Ancient alien aircraft Easter island crystal skull, the answer is a resounding YES... Vymaanika-Shaastra ancient civilization ancient alien theorists aircraft choral castle, magnetic current burmuta triangle SETI Puma Punku ancient civilization anti-gravity. Chariot of the Gods ancient religions mystery, evidence Easter island star gates Vymaanika-Shaastra, contend Mahabharata extraterrestrial origin evidence.</a></p>
</div>
</div>
<div class="container photo-15">
<div class="font-pair">
<p><a href="http://www.fontpalace.com/font-download/Quarto-Bold/" target="_blank">Quarto</a>, <a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">Ideal Sans</a></p>
</div>
<div class="text-wrapper" id="quartoIdeal">
<h2><a href="http://www.fontpalace.com/font-download/Quarto-Bold/" target="_blank">Metaphor Ipsum</a></h2>
<p><a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">The grouse of a robin becomes an adust tuna. A sylphish bowl's profit comes with it the thought that the corking panda is a salesman. One cannot separate melodies from viewless menus. The zeitgeist contends that we can assume that any instance of a defense can be construed as a genial secretary.</a></p>
</div>
</div>
<div class="container container-1">
<div class="font-pair">
<p><a href="" target="_blank">Freight Sans Pro</a>, <a href="" target="_blank">Freight Text Pro</a></p>
</div>
<div class="text-wrapper" id="freightSansText">
<h2><a href="" target="_blank">Obama Ipsum</a></h2>
<p><a href="" target="_blank">I don't know what Bible they're reading, but it doesn't jibe with my version. But race is an issue that I believe this nation cannot afford to ignore right now. The fact that so many people are surprised to hear that anger in some of Reverend Wright's sermons simply reminds us of the old truism that the most segregated hour in American life occurs on Sunday morning. These challenges are not all of government's making. I believe that as hard as it will be, the change we need is coming. Indeed, faith should bring us together.</a></p>
</div>
</div>
<div class="container photo-16">
<div class="font-pair white">
<p><a class="white" href="" target="_blank">Freight Big Pro</a>, <a class="white" href="" target="_blank">Frieght Sans Pro</a></p>
</div>
<div class="text-wrapper" id="freightBigSans">
<h2><a href="" target="_blank">Jony Ipsum</a></h2>
<p><a href="" target="_blank">Mavericks reality distortion gradients attenuation. Thought through and through notifications transparency game center multitasking aluminum advanced desktop operating system genius bar. This changes everything designed by Apple in California passbook. Control center photos all-new design SDK technology clock. Simplicity is actually quite complicated. Functional layers 9:41am partly cloudy minimalism. Dock airdrop slide to answer music. Video multitouch iTunes compass. Harmonious finder grid system retina animation compressor experience keynote.</a></p>
</div>
</div>
<div class="container container-2">
<div class="font-pair">
<p><a href="#" target="_blank">Kepler Std Display</a>, <a href="#" target="_blank">Whitney</a></p>
</div>
<div class="text-wrapper" id="keplerWhitney">
<h2><a href="#" target="_blank">Cajun Ipsum</a></h2>
<p><a href="#">Food okra gumbo etoufee coffee gumbo coffee. Cayenne tasso praline catahoula tasso fried catfish sugar cane po-boy. Food make a roux barbed wire pecan pie iced tea trail ride. Yams zydeco turducken smoked sausage gumbo cajun beer merci beaucoup. Hot sauce bourre turducken cajun red beans & rice bonjour cher Fauxcheaux yams. Hunting downtown sac a lait Acadiana lagniappe boucherie. </a></p>
</div>
</div>
<div class="container photo-17">
<div class="font-pair white">
<p><a class="white" href="" target="_blank">Utopia Std</a>, <a class="white" href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="utopiaSourceSans">
<h2><a href="#" target="_blank">Space Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds, to seek out new life and new civilizations, to boldly go where no man has gone before.<br>It suddenly struck me that that tiny pea, pretty and blue, was the Earth. I put up my thumb and shut one eye, and my thumb blotted out the planet Earth. I didn't feel like a giant. I felt very, very small.<br>Where ignorance lurks, so too do the frontiers of discovery and imagination.</a></p>
</div>
</div>
<!-- <div class="container container-3">
<div class="font-pair">
<p><a href="#" target="_blank">Proxima Nova</a>, <a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Source Sans Pro</a></p>
</div>
<div class="text-wrapper" id="proximaSourceSans">
<h2><a href="#" target="_blank">Monocle Ipsum</a></h2>
<p><a href="https://www.google.com/fonts/specimen/Source+Sans+Pro" target="_blank">Monocle ipsum dolor sit amet joy the best sharp vibrant Lufthansa boulevard cutting-edge. Intricate iconic eclectic soft power K-pop Winkreative Airbus A380 premium Lufthansa pintxos Ginza joy hub. Efficient eclectic global tote bag. Perfect St Moritz premium, delightful espresso Ginza Nordic Gaggenau international flat white Tsutaya handsome Airbus A380 lovely bulletin. K-pop emerging Asia-Pacific, discerning the highest quality craftsmanship Fast Lane punctual Washlet Helsinki Beams sophisticated.</a></p>
</div>
</div>
<div class="container photo-18">
<div class="font-pair">
<p><a href="https://okaytype.com/harriet/series" target="_blank">Harriet</a>, <a href="https://okaytype.com/alright/sans" target="_blank">Alright Sans</a></p>
</div>
<div class="text-wrapper" id="harrietAlright">
<h2><a href="https://okaytype.com/harriet/series" target="_blank">Sheen Ipsum</a></h2>
<p><a href="https://okaytype.com/alright/sans" target="_blank">How complicated can it be? What they're not ready for, is guys like you and I, Nails, and all the other gnarly gnarlingtons in my life ... that we are high priests ... Vatican assassin warlocks. Boom. Print that, people. See where that goes. They urge you to put down your sword and come join the winners.</a></p>
</div>
</div>
<div class="container container-4">
<div class="font-pair white">
<p><a class="white" href="http://salomefont.com/" target="_blank">Salome</a>, <a class="white" href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">Oxygen</a></p>
</div>
<div class="text-wrapper" id="salomeOxygen">
<h2><a class="white" href="http://salomefont.com/" target="_blank">Riker Ipsum</a></h2>
<p><a class="white" href="https://www.google.com/fonts/specimen/Oxygen" target="_blank">I recommend you don't fire until you're within 40,000 kilometers. In all trust, there is the possibility for betrayal. Well, that's certainly good to know. Computer, lights up! Travel time to the nearest starbase? Fate. It protects fools, little children, and ships named "Enterprise." Sorry, Data. The game's not big enough unless it scares you a little.</a></p>
</div>
</div>
<div class="container photo-19">
<div class="font-pair">
<p><a href="https://www.behance.net/gallery/27753367/Butler-FREE-FONT" target="_blank">Butler</a>, <a href="#" target="_blank">Avenir</a></p>
</div>
<div class="text-wrapper" id="butlerAvenir">
<h2><a href="https://www.behance.net/gallery/27753367/Butler-FREE-FONT" target="_blank">Pahu Ipsum</a></h2>
<p><a href="#" target="_blank">Ko te moemoea a Maui kia haere ngatahi ai ratou ko ona tuakana ki te hii ika. I te hokinga mai o ona tuakana ki tatahi, ka kii atu a Maui, “ka taea e au te haramai i to koutou na taha ki te hii ika?” Engari, ko te whakautu o ona tuakana ki a ia ano, “Kao, he rangatahi noa iho koe. Kaore he wahi mau kei te waka nei, na reira me noho tau ki tatahi ke”.</a></p>
</div>
</div>
<div class="container container-5">
<div class="font-pair white">
<p><a class="white" href="http://thezinx.com/design/moon-free-font-download/" target="_blank">Moon</a>, <a class="white" href="https://www.google.com/fonts/specimen/Lora" target="_blank">Lora</a></p>
</div>
<div class="text-wrapper" id="moonLora">
<h2><a class="white" href="http://thezinx.com/design/moon-free-font-download/" target="_blank">Melbourne Ipsum</a></h2>
<p><a class="white" href="https://www.google.com/fonts/specimen/Lora" target="_blank">The croft institute moomba, the australian open brunswick st hippy lygon street spruikers burlesque chapel street, chopper read graffiti flemington racecourse formula one grand prix posh brighton, lions bar swanston four seasons in one day ticket inspector kylie minogue, the espy food bloggers melb.</a></p>
</div>
</div>
<div class="container photo-20">
<div class="font-pair">
<p><a href="https://www.behance.net/gallery/26401315/Unna" target="_blank">Unna</a>, <a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">Ideal Sans</a></p>
</div>
<div class="text-wrapper" id="unnaAzo">
<h2><a href="https://www.behance.net/gallery/26401315/Unna" target="_blank">Picksum Ipsum</a></h2>
<p><a href="https://github.com/dzenbot/DZNEmptyDataSet/blob/master/Examples/Applications/Applications/Fonts/Ideal%20Sans/IdealSans-Book-Pro.otf" target="_blank">I don't think they tried to market it to the billionaire, spelunking, base-jumping crowd. circumstances have taught me that a man's ethics are the only possessions he will take beyond the grave. you know, your bobby dangler, giggle stick, your general-two-colonels, master of ceremonies... yeah, don't be shy, let's have a look.</a></p>
</div>
</div> -->
<div class="footer">
<div class="copyright">
<p>© <a href="http://brittanychiang.com" target="_blank">Brittany Chiang</a> 2016</p>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
</body>
</html>