r - 在移动设备上查看图形时字体变形

Question

我在我的distill博客上制作了一个类似于下面的情节。外观符合预期，但是，当我在移动设备上访问图表时，标题的字母重叠；文字扭曲。

据我所知，这hrbrthemes::theme_ipsum_rc与ggiraph.

library(tidyverse)
library(ggtext)
library(ggiraph)
library(extrafont)
#> Registering fonts with R
extrafont::loadfonts(quiet=T)
library(hrbrthemes)

pl_giraph_ggtext <- mtcars %>% 
  ggplot()+
  labs(title=glue::glue("this is a very long title, with many lines and a line break etc etc etc, this <br>word is in <span style='color:red;'>red</span> or blue or white"))+
  geom_point_interactive(aes(x=wt,
                             y=qsec,
                             tooltip=paste(wt, qsec)))+
  theme_ipsum_rc()+
  theme(plot.title=element_markdown())

girafe(ggobj = pl_giraph_ggtext,
       fonts=list(sans="Roboto Condensed"),
       height_svg = 5,
       options = list(
         opts_toolbar(saveaspng = FALSE))
)

^{由reprex 包（v1.0.0）于 2021-03-16 创建}

这是我的手机屏幕上扭曲图形的屏幕截图：

我还在网上发布了图表以实时查看问题：请参阅此处

如果有任何帮助，我将不胜感激。