From c4cc2eae2779c0092a6ecf5fd998d7cdb7c1adb1 Mon Sep 17 00:00:00 2001
From: Thomas Baker <bakert@fb.com>
Date: Sun, 5 Jun 2016 20:52:05 +0100
Subject: [PATCH] Update to new font preview locations.

---
 README.md  | 30 +++++++++++++++---------------
 index.html | 40 ++++++++++++++++++++--------------------
 2 files changed, 35 insertions(+), 35 deletions(-)

diff --git a/README.md b/README.md
index a2805ee..96b6367 100644
--- a/README.md
+++ b/README.md
@@ -4,21 +4,21 @@ There are over 600 typefaces in the Google web fonts directory. Many of them are
 
 ## Featured typefaces
 
-* [Abril Fatface](http://www.google.com/webfonts/specimen/Abril+Fatface)
-* [Cardo](http://www.google.com/webfonts/specimen/Cardo)
-* [Gentium Book Basic](http://www.google.com/webfonts/specimen/Gentium+Book+Basic)
-* [Gravitas One](http://www.google.com/webfonts/specimen/Gravitas+One)
-* [Lato](http://www.google.com/webfonts/specimen/Lato)
-* [Merriweather](http://www.google.com/webfonts/specimen/Merriweather)
-* [Old Standard TT](http://www.google.com/webfonts/specimen/Old+Standard+TT)
-* [Open Sans](http://www.google.com/webfonts/specimen/Open+Sans)
-* [Oswald](http://www.google.com/webfonts/specimen/Oswald)
-* [Playfair Display](http://www.google.com/webfonts/specimen/Playfair+Display)
-* [PT Mono](http://www.google.com/webfonts/specimen/PT+Mono)
-* [PT Sans](http://www.google.com/webfonts/specimen/PT+Sans)
-* [PT Sans Narrow](http://www.google.com/webfonts/specimen/PT+Sans+Narrow)
-* [PT Serif](http://www.google.com/webfonts/specimen/PT+Serif)
-* [Vollkorn](http://www.google.com/webfonts/specimen/Vollkorn)
+* [Abril Fatface](http://www.google.com/fonts/specimen/Abril+Fatface)
+* [Cardo](http://www.google.com/fonts/specimen/Cardo)
+* [Gentium Book Basic](http://www.google.com/fonts/specimen/Gentium+Book+Basic)
+* [Gravitas One](http://www.google.com/fonts/specimen/Gravitas+One)
+* [Lato](http://www.google.com/fonts/specimen/Lato)
+* [Merriweather](http://www.google.com/fonts/specimen/Merriweather)
+* [Old Standard TT](http://www.google.com/fonts/specimen/Old+Standard+TT)
+* [Open Sans](http://www.google.com/fonts/specimen/Open+Sans)
+* [Oswald](http://www.google.com/fonts/specimen/Oswald)
+* [Playfair Display](http://www.google.com/fonts/specimen/Playfair+Display)
+* [PT Mono](http://www.google.com/fonts/specimen/PT+Mono)
+* [PT Sans](http://www.google.com/fonts/specimen/PT+Sans)
+* [PT Sans Narrow](http://www.google.com/fonts/specimen/PT+Sans+Narrow)
+* [PT Serif](http://www.google.com/fonts/specimen/PT+Serif)
+* [Vollkorn](http://www.google.com/fonts/specimen/Vollkorn)
 
 ### View the samples: http://hellohappy.org/beautiful-web-type
 
diff --git a/index.html b/index.html
index 78574b7..4bc4fed 100644
--- a/index.html
+++ b/index.html
@@ -8,10 +8,10 @@
   <section class="sample" id="title">
     <section class="text">
       <h1>Beautiful W<span class="kern">eb</span> Type</h1>
-      <h2>A showcase of the best typefaces from the <a href="http://www.google.com/webfonts#ChoosePlace:select">Google web fonts directory</a>.</h2>
+      <h2>A showcase of the best typefaces from the <a href="http://www.google.com/fonts#ChoosePlace:select">Google web fonts directory</a>.</h2>
 
       <section class="intro">
-        <p>There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that 
+        <p>There are over 600 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that
         deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.</p>
 
         <ul>
@@ -29,7 +29,7 @@ <h2>A showcase of the best typefaces from the <a href="http://www.google.com/web
 
   <section class="sample" id="herzog">
     <section class="text">
-        <a href="http://www.google.com/webfonts/specimen/Cardo" title="Cardo">
+        <a href="http://www.google.com/fonts/specimen/Cardo" title="Cardo">
           <h2>&ldquo;I personally would rather do the existentially essential things in life on foot. If you live in England and your girlfriend is in Sicily, and it is clear you want to marry her, then you should walk to Sicily to propose. For these things travel by car or aeroplane is not the right thing.&rdquo;</h2>
           <h3>&mdash;Werner Herzog, <em>Of Walking in Ice</em></h3>
         </a>
@@ -39,7 +39,7 @@ <h3>&mdash;Werner Herzog, <em>Of Walking in Ice</em></h3>
 
   <section class="sample" id="bringhurst">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Vollkorn" title="Vollkorn">
+      <a href="http://www.google.com/fonts/specimen/Vollkorn" title="Vollkorn">
         <h1>&ldquo;Big type, even huge type, can be beautiful and useful.<br> But poise is usually far more important than size &mdash;<br> and poise consists primarily of emptiness.&rdquo;</h1>
         <p>&mdash;Robert Bringhurst</p>
       </a>
@@ -48,14 +48,14 @@ <h1>&ldquo;Big type, even huge type, can be beautiful and useful.<br> But poise
 
   <section class="sample" id="nietzsche">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Open+Sans" title="Open Sans">
+      <a href="http://www.google.com/fonts/specimen/Open+Sans" title="Open Sans">
         <h1><span>On the<br></span> Genealogy <span class="kern">of</span> Morals</h1>
       </a>
-      <a href="http://www.google.com/webfonts/specimen/Open+Sans" title="Open Sans">
+      <a href="http://www.google.com/fonts/specimen/Open+Sans" title="Open Sans">
         <h2><span>Friedrich Nietzsche</span></h2>
       </a>
       <section class="excerpt">
-        <a href="http://www.google.com/webfonts/specimen/Gentium+Book+Basic" title="Gentium Book Basic">
+        <a href="http://www.google.com/fonts/specimen/Gentium+Book+Basic" title="Gentium Book Basic">
           <p>At this point I can no longer avoid giving a first, provisional statement of my own hypothesis concerning the origin of the &#8220;bad conscience&#8221;: it may sound rather strange and needs to be pondered, lived with, and slept on for a long time. I regard the bad conscience as the serious illness that man was bound to contract under the stress of the most fundamental change he ever experienced—that change which occurred when he found himself finally enclosed within the walls of society and of peace. The situation that faced sea animals when they were compelled to become land animals or perish was the same as that which faced these semi-animals, well adapted to the wilderness, to war, to prowling, to adventure: suddenly all their instincts were disvalued and &#8220;suspended.&#8221; From now on they had to walk on their feet and &#8220;bear themselves&#8221; whereas hitherto they had been borne by the water: a dreadful heaviness lay upon them. They felt unable to cope with the simplest undertakings; in this new world they no longer possessed their former guides, their regulating, unconscious and infallible drives: they were reduced to thinking, inferring, reckoning, coordinating cause and effect, these unfortunate creatures; they were reduced to their &#8220;consciousness,&#8221; their weakest and most fallible organ! I believe there has never been such a feeling of misery on earth, such a leaden discomfort and at the same time the old instincts had not suddenly ceased to make their usual demands. Only it was hardly or rarely possible to humor them: as a rule they had to seek new and, as it were, subterranean gratifications.</p>
         </a>
       </section>
@@ -64,7 +64,7 @@ <h2><span>Friedrich Nietzsche</span></h2>
 
   <section class="sample" id="tufte">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Vollkorn" title="Vollkorn">
+      <a href="http://www.google.com/fonts/specimen/Vollkorn" title="Vollkorn">
         <h1><span>Edward T<span class="kern">u</span>f<span class="kern push">t</span>e</span></h1>
         <p><span>&ldquo;</span>The best graphics are about the useful and important, about life and death, about the universe. Beautiful graphics do not traffic with the trivial.<span>&rdquo;</span></p>
       </a>
@@ -74,10 +74,10 @@ <h1><span>Edward T<span class="kern">u</span>f<span class="kern push">t</span>e<
   <section class="sample" id="seneca">
     <section class="text">
         <div class="body">
-          <a href="http://www.google.com/webfonts/specimen/Lato" title="Lato">
+          <a href="http://www.google.com/fonts/specimen/Lato" title="Lato">
             <p class="title">Lucius Annaeus Seneca<br>60 AD</p>
           </a>
-          <a href="http://www.google.com/webfonts/specimen/Merriweather" title="Merriweather">
+          <a href="http://www.google.com/fonts/specimen/Merriweather" title="Merriweather">
             <h1>De Beneficiis</h1>
             <hr>
             <h2>Book I.</h2>
@@ -90,7 +90,7 @@ <h2>Book I.</h2>
 
   <section class="sample" id="thin">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Lato" title="Lato">
+      <a href="http://www.google.com/fonts/specimen/Lato" title="Lato">
         <ul>
           <li>Unit<span class="kern">y</span></li>
           <li>Rhy<span class="kern">t</span>hm</li>
@@ -105,7 +105,7 @@ <h2>Book I.</h2>
 
   <section class="sample" id="nabokov">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Playfair+Display" title="Playfair Display">
+      <a href="http://www.google.com/fonts/specimen/Playfair+Display" title="Playfair Display">
         <h1 class="first">the <br>the</h1>
         <h1 class="second">isms go<br>ist dies</h1>
         <h1 class="third">art remains.</h1>
@@ -116,13 +116,13 @@ <h1 class="third">art remains.</h1>
 
   <section class="sample" id="postnormal">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Oswald" title="Oswald">
+      <a href="http://www.google.com/fonts/specimen/Oswald" title="Oswald">
         <h2>Post&mdash;&mdash;</h2>
         <h2>Normal</h2>
         <h2>Era</h2>
       </a>
 
-      <a href="http://www.google.com/webfonts/specimen/PT+Mono" title="PT Mono">
+      <a href="http://www.google.com/fonts/specimen/PT+Mono" title="PT Mono">
         <ol class="normal">
           <li>AUTHORITARIAN/CENTRALIZED</li>
           <li>OBJECTIVE/IMPARTIAL</li>
@@ -165,7 +165,7 @@ <h2>Era</h2>
 
   <section class="sample" id="slogan">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Gravitas+One" title="Gravitas One">
+      <a href="http://www.google.com/fonts/specimen/Gravitas+One" title="Gravitas One">
         <h1>Don&rsquo;t die</h1>
         <h1>wondering</h1>
       </a>
@@ -174,7 +174,7 @@ <h1>wondering</h1>
 
   <section class="sample" id="darwin">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Old+Standard+TT" title="Old Standard TT">
+      <a href="http://www.google.com/fonts/specimen/Old+Standard+TT" title="Old Standard TT">
         <h1 class="small">On</h1>
         <h1>the Origin of Species</h1>
         <h1 class="small">By means of natural selection</h1>
@@ -187,7 +187,7 @@ <h4>The right of Translation is reserved.</h4>
 
   <section class="sample" id="headline">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/Abril+Fatface" title="Abril Fatface">
+      <a href="http://www.google.com/fonts/specimen/Abril+Fatface" title="Abril Fatface">
         <h1>Meaning &amp;<br>Structure<br>in Design</h1>
       </a>
     </section>
@@ -195,15 +195,15 @@ <h1>Meaning &amp;<br>Structure<br>in Design</h1>
 
   <section class="sample" id="camus">
     <section class="text">
-      <a href="http://www.google.com/webfonts/specimen/PT+Sans+Narrow" title="PT Sans Narrow">
+      <a href="http://www.google.com/fonts/specimen/PT+Sans+Narrow" title="PT Sans Narrow">
         <h1>Albert Camus Buried</h1>
       </a>
         <hr>
-      <a href="http://www.google.com/webfonts/specimen/PT+Sans" title="PT Sans">
+      <a href="http://www.google.com/fonts/specimen/PT+Sans" title="PT Sans">
         <h2>Simple Ceremony Is Held for French Nobel Prize Author</h2>
       </a>
         <hr class="bottom">
-      <a href="http://www.google.com/webfonts/specimen/PT+Serif" title="PT Serif">
+      <a href="http://www.google.com/fonts/specimen/PT+Serif" title="PT Serif">
         <p>PARIS, Jan. 6&mdash;Albert Camus, one of France&rsquo;s ranking writers and winner of a
         Nobel Prize for Literature, was buried today in a cemetery not far from the country home
         he recently bought in the village of Lourmarin in the south of France.</p>