Force the font on every <p> tag
authorHerve Saint-Amand <git@saintamh.org>
Fri, 3 Feb 2017 21:22:59 +0000 (21:22 +0000)
committerHerve Saint-Amand <git@saintamh.org>
Wed, 8 Feb 2017 21:34:10 +0000 (21:34 +0000)
Without this Outlook and Windows Mail don't honour the font set at the top level. Note that this change predates all the screenshots I uploaded to the wiki on 2017-02-02, I'd just forgotten to commit them.

app/helpers/notifier_helper.rb

index 3e53e2543c006a57f9dee08113099abd892df457..23ee45648267d826139b8ae3fc690199e5c5696a 100644 (file)
@@ -20,6 +20,9 @@ module NotifierHelper
   end
 
   def style_message(html)
-    html.gsub /<p>/, '<p style="color: black; margin: 0.75em 0">'
+    # Because we can't use stylesheets in HTML emails, we need to inline the
+    # styles. Rather than copy-paste the same string of CSS into every message,
+    # we apply it once here, after the message has been composed.
+    html.gsub /<p>/, '<p style="color: black; margin: 0.75em 0; font-family: \'Helvetica Neue\', Arial, Sans-Serif">'
   end
 end