font-family在Elementor站点上的Mac中覆盖

Question

我有wordpress站点thet thet with elementor，我对Mac中的字体系列有问题。

这个网站https://attenmind.co.il

我试图对Mac执行特定的CSS规则，但它不起作用

html[data-useragent*='Mac OS X'] {
  font-family: inherit;
}
html[data-useragent*='Mac OS X 10_10'] {
  font-family:inherit;
}
    @font-face {
  font-family: 'verdana';
  src: url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.eot'); /* IE9 Compat Modes */
  src: url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://attenmind.co.il/wp-content/themes/oceanwp/assets/fonts/verdana/Verdana.svg#svgFontName') format('svg'); /* Legacy iOS */
}
html,body{
    font-family: 'verdana', Helvetica, sans-serif !important;
}

我只想防止mac ovrride ovrride the font family ..

谢谢您的帮助。

Answer 1

检查目标计算机中您使用的字体是否可用，还是以支持格式在CSS中将其外部加载(例如，Safari与format('truetype')都很好地搭配(。<<<<<<<<<<<<<<<<<<<<<<<<<<<<<</p>

如果您在CSS中有以下内容：

font-family: Arial, Helvetica, sans-serif;

浏览器将首先使用字体" Arial"。如果该字体不可用，它将后备到下一个(" Helvetica"(，依此类推。如果没有可用，则将使用浏览器中的默认字体。