From 1082f548d3666aa23f1130df17dac2273a50066a Mon Sep 17 00:00:00 2001 From: Matthew Hodgson Date: Wed, 16 Jan 2019 12:53:46 +0000 Subject: [PATCH] hack nunito italics for now with CSS skew fixes https://github.com/google/fonts/issues/1726 --- res/css/views/elements/_RichText.scss | 5 +++++ res/css/views/rooms/_EventTile.scss | 7 +++++++ 2 files changed, 12 insertions(+) diff --git a/res/css/views/elements/_RichText.scss b/res/css/views/elements/_RichText.scss index e35f4d60f4..0847aa7c9b 100644 --- a/res/css/views/elements/_RichText.scss +++ b/res/css/views/elements/_RichText.scss @@ -79,6 +79,11 @@ .mx_Markdown_ITALIC { font-style: italic; + + // compensate for Nunito italics being terrible + // https://github.com/google/fonts/issues/1726 + transform: skewX(-14deg); + display: inline-block; } .mx_Markdown_CODE { diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 6b22c4fe66..7fb6812c79 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -453,6 +453,13 @@ limitations under the License. display: inline ! important; } +// compensate for Nunito italics being terrible +// https://github.com/google/fonts/issues/1726 +.mx_EventTile_content .markdown-body em { + transform: skewX(-14deg); + display: inline-block; +} + /* end of overrides */ .mx_MatrixChat_useCompactLayout {