程序员经验分享-hwhale

Mac/Safari 上的字体粗细变轻

2023-12-20

On my last website, the text is perfect naturally on chrome and firefox without touching font-smoothing or anything else.
But on Mac / Safari 7 the text appears well then turns immediately thinner (too much thinner / not nice to read). enter image description here enter image description here

做了一些研究后[cfhttp://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/] http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/%5D
和一些测试

-webkit-font-smoothing

Safari 看起来首先显示文本：

-webkit-font-smoothing: subpixel-antialiased;

然后就在你得到闪烁效果之后，当它把字体变成：

-webkit-font-smoothing: antialiased;

所以在我看来我别无选择只能强迫

-webkit-font-smoothing: subpixel-antialiased;

使我的网站在所有浏览器上保持一致。
我使用的是 Avenir Std Roman 字体。

对 Safari 问题的一些解释？ 还有更好的解决方案吗？ 我的字体可能是问题的一部分吗？

Thanks.


所以我解决了申请的问题：

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

现在我的字体在每个浏览器上都是一致的。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

fonts

safari

fontsmoothing

Mac/Safari 上的字体粗细变轻 的相关文章

  • 删除特定数据表上的所有边框

    我需要使用 PrimeFaces 隐藏一个数据表的所有边框 而不是全部 我尝试了很多事情 但没有人奏效 有谁知道该怎么做 我已将以下样式 单独 应用于ui datatable class border hidden important bo

  • 使用 python 在一个 html 页面中显示分割数据框的 HTML 代码

    我是 html css 新手 所以对以 html 格式显示的数据有疑问 我有一个很长的列表 我想将其拆分并以 html 格式显示为两个单独的列 例如 而不是 Col1 Col2 1 a 2 a 3 a 4 a 5 b 6 b 7 b 8 b

  • Sass：@use 出错，未定义变量

    我正在使用 Sass 并且想要使用 use关键字而不是 import 因为 import有很多问题 另外只有dart sass支持这个功能 我将node sass改为dart sass 然而 问题出现了 我原来的代码 import carb

  • javascript 选择自定义光标 (svg)

    我正在动态地将光标更改为悬停时的本地 svg element on mouseover function this css cursor url svgs pointer svg 9 30 auto 工作正常 但我想选择该 svg 来操纵其

  • 如何使使用 css 调整大小的图像在 IE 中看起来不错？

    当使用 css 宽度 高度或属性宽度 高度缩放图像时 IE6 和 IE7 无法很好地缩放网页中的图像 我不确定它默认使用哪种算法 但这不好 在这些浏览器中缩放时 缩放图像会显示锯齿伪影 幸运的是 有一种方法可以通过简单的 css 规则强制

  • CSS 到底如何计算相对尺寸

    我想更好地理解某些 CSS 行为 这与具体问题无关 我只是在调试网站时遇到的 让我们在固定位置的 div 中放置一个全宽图像 div img style width 100 src https via placeholder com 150

  • 为什么我的交互式图像仅在 Internet Explorer 上出现故障？

    我的问题 我为自己制作了一个图像地图 交互式图像 它在 Chrome safari 和 Firefox 上完美运行 然而 当我在可怕的互联网浏览器上尝试它时 它真的很糟糕 这些小点应该扩展到更大的盒子中 在互联网浏览器上它要么不起作用 要么

  • 将古吉拉特语文本插入 MySQL 表会产生垃圾字符和不可读的文本

    我有三个 MySQL 表 我正在向其中插入古吉拉特语内容 当我插入两个表时 它们插入得很好并且可读 但在一个表中 它显示垃圾字符 不可读的文本 我怎样才能解决这个问题 MySQL 有每个表的字符集设置 http dev mysql com

  • 如何使用 JavaScript 或 jQuery 克隆 HTML 元素的样式对象？

    我正在尝试克隆元素的样式对象 这应该允许我在更改后重置所述元素的样式 例如 el style left 50px curr style left 50px Modify the elements style The cloned style

  • Webpack 4：如何使用 LESS 获取 CSS 源映射？

    多年来我一直在尝试让 CSS 源映射在 webpack 中工作 但没有成功 我不确定链条中哪里出了问题 我希望有人能指出我正确的方向 这是发生的事情 行号是错误的 实际上文件名也是错误的 main less只是包含一堆 import也就是说

  • 将 SVG 的高度设置为行高？

    我想将我的 SVG 图像作为图标包含在标题旁边 h1 img src icon sell svg class icon Verkaufen h1 字体大小为h1 is 36px和line heigt is 1 1 我使用检查器工具发现计算出

  • React 设置背景颜色与状态 rgb

    所以我根据数据库的结果生成一个表 在数据库中我保留 rgb 值 例如 75 75 75 现在当我生成列表时 我想使用保存的值设置我的 td 的背景 tbody this state boxes map box i gt tr td box

  • 引导导航栏菜单与文本重叠

    我使用最新版本的引导程序 当我调整屏幕浏览器的大小时 使用小切换按钮下拉导航栏时 导航栏会重叠页面上的文本 而不是向下推页面内容 我已经多次研究过这个问题 我尝试将 padding bottom 放在导航栏上 将 padding top 放

  • 如何隐藏div元素中太长的文本？

    如何隐藏 div 中的溢出 如果文本比 div 长 则文本将换行到新行 div style width 50px border 1px solid black test test test test div 也许是 CSS 属性text o

  • @media语法/可能的组合

    我见过其中一些 media print media screen handheld print projection media all media all and property value media screen and prope

  • 在表格上使用上下文样式将点边框应用于特定单元格

    我以前有过问了一个问题 https stackoverflow com questions 6326266 issue with applying dotted border to cells in table design在这个问题上 你

  • Angular - CSS - 自定义类型=文件输入，如何使用按钮而不是标签？

    我制作了一个类型为 file 的自定义输入字段 因为我不喜欢默认的输入字段 为了实现这一目标 我做了

  • 网站的主体和元素固定在 980px 宽度上，不会缩小

    我试图在 Rails 应用程序顶部启动前端 仅 HTML CSS 页面 但在使用 320px 视口时遇到问题 有些元素不会按比例缩小 我不明白为什么 我已经完成了检查元素 为各种元素提供了max width 100 and or width

  • 刷新页面时保存用户的选择

    我目前有一个页面显示不同团队的数据 我有一些数据 用户可以单击使其处于 打开 或 关闭 状态 并为每个数据显示不同的图标 它基本上就像一个清单 只是没有物理复选框 我想记住哪些 复选框 已被选中 即使在用户刷新页面或关闭浏览器并稍后返回之后

  • CSS3 信封形状

    正如您可能已经猜到的 该图像是邮件信封形状的一部分 如果可能的话 我想使用 CSS3 创建该形状 我已经制作了其他部分 但这个很棘手 该形状需要两侧都有三角形切口和圆角 大概是 border radius bottom left borde

随机推荐

  • 使用 jquery 调整浏览器大小后重置变量

    我正在尝试创建一个 jquery 函数 该函数可以在准备就绪时和调整浏览器窗口大小时调用 jQuery document ready function function setWidth var windowWidth window wid

  • JQuery onpaste 事件限制用户粘贴字符，如 | , . /

    我想确保用户无法使用 粘贴字符串 我该如何防止它 我正在研究键盘按键 它在用户键入时起作用 但是我如何防止粘贴 这是jsfiddle在这里测试 http jsfiddle net JFEb4 20 这是我的 JavaScript name

  • 如何从配置文件设置 python 的登录级别

    我正在尝试为我的 python 代码设置记录器 我想从配置文件设置日志的级别 但我无法做到 下面给出了代码 如果您注意到在下面给出的代码中可以看到logger setLevel logging INFO 我不想直接提及作为硬编码值日志记录

  • 具有 64 位 Outlook 的 32 位 MAPI 应用程序

    我们的应用程序的 32 位版本无法使用以下方式发送电子邮件MAPISendMail安装了 64 位 Outlook 它返回一个错误 0x80004005 除了它似乎是一个 MAPI 初始化错误这一事实之外 我找不到任何关于该错误的信息 根据

  • Android：ACTION_UP 和 ACTION_POINTER_UP 之间的区别

    仅从 android 文档来看 我真的不明白两者之间的区别ACTION UP and ACTION POINTER UP http developer android com reference android view MotionEve

  • Meteor 路由错误：路径没有路由：/

    我已将 Meteor 更新为 Meteor 1 3 2 4 并面对这个问题 我还更新了所有软件包的最新版本 错误 路径没有路由 我在两种环境中都尝试了 meteor and 流星跑 制作 控制台中将显示相同的错误 我已经安装了以下软件包 a

  • 从 Ktor 应用程序发送电子邮件

    我目前正在使用 Ktor Netty 引擎创建我的应用程序 我在文档中搜索了当用户向我的服务器发送请求时处理发送电子邮件的任何功能 但什么也没找到 post api v1 auth TODO send email when request

  • jsf导航问题

    我有一个带有 查看用户 页面的 JSF2 项目 该页面从会话 bean 读取当前选定的用户 userHandler selectedUser 该页面旨在通过应用程序中的链接导航来访问 但是 如果用户尝试通过此 URL 直接访问 查看用户 页

  • Bootstrap 3页打印手机版

    当我们从基于 Bootstrap 3 的网站打印页面时 它们会在某些显示移动版本的浏览器上打印 我用谷歌搜索试图找到一个好的解决方案 但没有真正找到任何有效的解决方案 在屏幕上使用相同的 CSS 并将 打印隐藏 类添加到特定的 DIV 中

  • 如果我在 WRITE_EXTERNAL_STORAGE 权限中设置 maxSdkVersion，为什么我的地图应用程序会崩溃？

    我已按照中的说明设置了地图这个链接 https developers google com maps documentation android start getting the google maps android api v2 并设

  • 为什么下标运算符 C++ 经常成对出现？

    C FAQ http www parashift com c faq multidim arrays3 html正在定义一个模板容器Matrix以避免棘手new delete代码 教程说下标运算符通常成对出现 为什么会这样呢 T opera

  • 安装后无法导入lightgbm

    我的操作系统是 macOS Sierra 10 12 5 我使用的是 Anaconda 和 python 2 7 安装后 当我尝试时 将 lightgbm 导入为 lgb 我收到以下消息 OSError Traceback most rec

  • 重复JS函数

    我试图让这个函数在它的周期结束时重复 我尝试将函数分配给变量并在回调中调用该变量 但失败了 我尝试将这个函数包装在setInterval功能 仍然无法使其工作 如何让这个函数运行无限循环并重复自身 span text change type

  • 将指针与负值进行比较

    我可以将指向结构的指针强制转换为有符号值以返回不同类型的错误吗 C 标准是否允许这样做或者是未定义的行为 typedef enum lError l OK 0 l ERROR 1 l ABORT 2 l HALT 3 L STATUS ty

  • 如何在javascript中从数组中删除重复的对象？

    在我的代码中 我创建了一个名为 array1 的数组 在这个数组中我列出了多个对象 我想过滤掉 array1 对象值作为唯一 并且需要将 id 与其各自的值分组 我在这里添加了我的代码 Array1 var array1 value A i

  • 如何将本地 html 文件加载到 Jsoup 中？

    我似乎无法使用 Jsoup 库加载本地 html 文件 或者至少它似乎没有意识到这一点 我在本地文件中硬编码了确切的 html 作为 var html 当我切换到该文件而不是文件输入时 代码完美运行 但两次都会读取该文件 import ja

  • 向后读取文件（最后一行在前）

    文件看起来像这样 abcd efgh ijkl 我想使用读取文件C这样它首先读取最后一行 ijkl efgh abcd 我似乎找不到不使用的解决方案array用于存储 请帮忙 edit0 感谢所有的答案 只是为了让您知道 我是创建此文件的人

  • 如何使用SQL Server的OUTPUT子句进行更新

    DECLARE t2 AS TABLE id INT INSERT INTO dbo EntityMaster EntityType OUTPUT INSERTED EntityId INTO t2 SELECT G FROM tmp tm

  • 无法在 Winforms 中使用 C# 使用 datagridview 添加新行

    我想做一个简单的数据输入应用程序 所以我做了以下事情 创建了一个新的 Windows 窗体应用程序 添加了 DataGridView 添加了一个新的数据源 SQL Express 数据库 有一个包含 3 列的表 id name number

  • Mac/Safari 上的字体粗细变轻

    On my last website the text is perfect naturally on chrome and firefox without touching font smoothing or anything else

热门标签