时间戳

首页 > 解决方案 > elementor网站上mac中的字体系列覆盖

css - elementor网站上mac中的字体系列覆盖

问题描述

我有使用 elementor 构建的 wordpress 网站，我对 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;
}

我只是想让 po 防止 mac 覆盖字体系列..

谢谢大家的帮助。

标签： csswordpressmacosfont-familyelementor

解决方案

检查您正在使用的字体是否在目标计算机中可用，或者它是否以支持的格式从外部加载到您的 CSS 中（format('truetype')例如，Safari 可以很好地与 .

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

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

浏览器将首先使用字体“Arial”。如果字体不可用，它将回退到下一个（“Helvetica”），依此类推。如果没有可用的，将使用浏览器中的默认字体。

推荐阅读