Migrate from Droid fonts to Noto fonts, and host them locally

I was just scrolling our CSS and surprised to find we use Google Fonts
embeds! I don't like depending on external hosts like that.

Google Fonts doesn't offer the Droid fonts for download anymore,
though—looks like the Noto fonts are their spiritual successor. The
Droid Serif and Noto Serif fonts look visually identical to me, but the
Sans ones are a bit different… I kinda like the charm of the Droid Sans
better, but ah well! I'd rather be moving forward with a more modern
font with more reliable glyph support etc for now.

app/assets/stylesheets/_layout.sass

@@ -2,9 +2,6 @@
 @import "partials/clean/constants"
 @import "partials/clean/mixins"
 @import fonts
-@import url("https://fonts.googleapis.com/css?family=Droid+Sans:400,700")
-@import url("https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic")
-@import url("https://fonts.googleapis.com/css?family=Calligraffitti")
 
 /* Reset
 

app/assets/stylesheets/fonts.css.sass

@@ -12,3 +12,21 @@
   font-family: Delicious
   font-style: italic
   src: local("Delicious"), font-url("Delicious-Italic.otf")
+
+@font-face
+  font-family: "Noto Sans"
+  src: local("Noto Sans"), font-url("NotoSans-Variable.ttf")
+
+@font-face
+  font-family: "Noto Sans"
+  font-style: italic
+  src: local("Noto Sans"), font-url("NotoSans-Italic-Variable.ttf")
+
+@font-face
+  font-family: "Noto Serif"
+  src: local("Noto Serif"), font-url("NotoSerif-Variable.ttf")
+
+@font-face
+  font-family: "Noto Serif"
+  font-style: italic
+  src: local("Noto Serif"), font-url("NotoSerif-Italic-Variable.ttf")

app/assets/stylesheets/partials/clean/_constants.sass

@@ -19,8 +19,8 @@ $error-bg-color:        #fbe3e4
 $error-border-color:    #fbc2c4
 
 $header-font:  Delicious, Helvetica, Arial, Verdana, sans-serif
-$main-font:    "Droid Sans", Helvetica, Arial, Verdana, sans-serif
+$main-font:    "Noto Sans", Helvetica, Arial, Verdana, sans-serif
-$text-font:    "Droid Serif", Georgia, "Times New Roman", Times, serif
+$text-font:    "Noto Serif", Georgia, "Times New Roman", Times, serif
 
 $object-img-size:  80px
 $object-width:     100px

app/views/pets/bulk.html.haml

@@ -2,8 +2,6 @@
 
 = form_tag load_pet_path, :id => 'bulk-pets-form' do
   - localized_cache :action_suffix => 'bulk_pets_content' do
-    %h3= t '.header'
-    
     %p= t '.explanation'
     
     = origin_tag bulk_pets_path

config/locales/en-MEEP.yml

@@ -630,7 +630,6 @@ en-MEEP:
 
   pets:
     bulk:
-      header: Meep pets in bulk
       explanation:
         Got a lot of pets to meep? Just keep meeping them into the box below,
         or even meep in a whole list of names, one name per line. Thanks for

config/locales/en.yml

@@ -751,7 +751,6 @@ en:
 
   pets:
     bulk:
-      header: Model pets in bulk
       explanation:
         Got a lot of pets to model? Just keep typing them into the box below,
         or even paste in a whole list of names, one name per line. We'll

config/locales/es.yml

@@ -498,7 +498,6 @@ es:
     default_human_name: (una especie nueva)
   pets:
     bulk:
-      header: Hacer que desfilen varios pets a la vez
       explanation: "¿Tienes muchos pets para que desfilen?
 
         Escribe o pega una lista de pets, recuerda añadir un nombre por línea :P ¡Muchas gracias por tu ayuda!"

config/locales/pt.yml

@@ -494,7 +494,6 @@ pt:
     default_human_name: (uma nova espécie)
   pets:
     bulk:
-      header: Modele pets em massa
       explanation: Tem um monte de pets para modelar? Basta digitar seus nomes na caixa abaixo, ou até mesmo colar toda uma lista de nomes, um nome por linha. Obrigado por sua ajuda!
       submit: Carregar pet
       add: Adicionar