diff --git a/Core/Notification/TweetNotification.cs b/Core/Notification/TweetNotification.cs
index e9129a95..b1d9057b 100644
--- a/Core/Notification/TweetNotification.cs
+++ b/Core/Notification/TweetNotification.cs
@@ -59,7 +59,7 @@ public string GenerateHtml(string bodyClasses, Control sync){
build.Append("<style type='text/css'>").Append(customCSS).Append("</style>");
}
- build.Append("</head><body class='scroll-styled-v");
+ build.Append("</head><body class='scroll-styled-v system-font-stack");
if (!string.IsNullOrEmpty(bodyClasses)){
build.Append(' ').Append(bodyClasses);
diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js
index 888894db..cd88ce45 100644
--- a/Resources/Plugins/edit-design/browser.js
+++ b/Resources/Plugins/edit-design/browser.js
@@ -14,6 +14,7 @@ enabled(){
themeColorTweaks: true,
revertIcons: true,
showCharacterCount: true,
+ forceArialFont: true,
increaseQuoteTextSize: false,
smallComposeTextSize: false,
optimizeAnimations: true,
@@ -430,6 +431,10 @@ enabled(){
this.css.insert("#tduck .tweet-actions > li:nth-child(4) { margin-right: 2px !important }");
}
+ if (this.config.forceArialFont){
+ this.css.insert("#tduck .system-font-stack { font-family: Arial, sans-serif; font-weight: 400 }");
+ }
+
if (this.config.increaseQuoteTextSize){
this.css.insert(".quoted-tweet { font-size: 1em !important }");
}
@@ -595,6 +600,10 @@ ${iconData.map(entry => `#tduck .icon-${entry[0]}:before{content:\"\\f0${entry[1
html[data-td-font] { font-size: ${this.config.fontSize} !important }
.avatar { border-radius: ${this.config.avatarRadius}% !important }
+${this.config.forceArialFont ? `
+#tduck .system-font-stack { font-family: Arial, sans-serif; font-weight: 400 }
+` : ``}
+
${this.config.increaseQuoteTextSize ? `
.quoted-tweet { font-size: 1em !important }
` : ``}
diff --git a/Resources/Plugins/edit-design/modal.html b/Resources/Plugins/edit-design/modal.html
index fe1dc50c..ef0571bf 100644
--- a/Resources/Plugins/edit-design/modal.html
+++ b/Resources/Plugins/edit-design/modal.html
@@ -69,6 +69,10 @@
<option value="custom-px">Custom</option>
<option value="change-custom-px">Change custom value...</option>
</select>
+ <label class="checkbox">
+ <input data-td-key="forceArialFont" class="js-theme-checkbox touch-larger-label" type="checkbox">
+ Use Arial as default font
+ </label>
<label class="checkbox">
<input data-td-key="increaseQuoteTextSize" class="js-theme-checkbox touch-larger-label" type="checkbox">
Increase quoted tweet font size