程序员经验分享-hwhale

使用图标字体（Font Awesome）看起来有点模糊而且太粗体

2024-02-24

我使用 Font Awesome 在我的网站上创建图标，虽然它们在配备 Retina 显示屏的 iPod Touch 上看起来很棒，但在我的 iMac 上它们看起来有点模糊且不太清晰。

这是一个演示图像：

正如您所看到的，该字体在 Retina Display iPod Touch 上看起来非常漂亮且清晰，但在 iMac 上，它有点蹩脚。

是什么原因造成的？这与抗锯齿？我能做点什么吗？


此类问题可能与抗锯齿或提示有关。如果字体希望在较小尺寸下看起来不错，则需要在某种网格上对齐。 GitHub 上的人写了一篇很棒的文章博客文章 https://github.com/blog/1135-the-making-of-octicons关于他们如何管理自定义字体的清洁度。

我会尝试将其排列在网格上并追随 GitHub 人们的脚步。他们在图标上做得很好。

另外：iPod Touch 和 iMac 之间的图标数字大小是否不同，或者这是不同 DPI 设置的副作用？这也可能是字体渲染的一个问题。

如果可能，请尝试调整您的 DPI 设置。我不使用 Mac，所以我不知道如何更改 Mac 上的这些设置。但它仍然无法解决潜在的网格问题。您可以编辑有问题的字体吗？

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

css

fonts

fontawesome

使用图标字体（Font Awesome）看起来有点模糊而且太粗体 的相关文章

  • 将自定义字体与 wkhtmltopdf 一起使用

    我正在尝试在使用 wkhtmltopdf 生成的 PDF 中使用自定义字体 我读到您不能使用 google webfonts 并且 wkhtmltopdf 使用 truetype ttf 文件 谁能证实这一点吗 所以我从 google we

  • 是否可以将CSS应用于半个字符？

    我在寻找什么 一种打造风格的方法HALF一个角色的 在这种情况下 一半的字母是透明的 我目前搜索和尝试过的内容 没有运气 设置半个字符 字母样式的方法 使用 CSS 或 JavaScript 设置字符的一部分样式 将 CSS 应用于字符的

  • 多列定义列表[重复]

    这个问题在这里已经有答案了 我有一个 dl 像这样 dl dt Quantity dd dt Size dd dt Rise dd dt Color dd dd dt dd dt dd dt dd dt dl 该列表是通过 php 动态生成

  • stripe checkout css内容策略错误

    我正在尝试创建一种形式条纹结账 https stripe com docs checkout在我的 Ionic 应用程序中 我创建了一个指令 将表单植入到我的内容视图中 但是当我运行它时 CSS 因违反内容策略而失败 checkout js

  • javascript中怪异模式的元素宽度？

    我一直在浏览所有流行的 js 库 但我找不到一个具有 DOM 元素宽度函数的库 该函数实际上可以解释 Internet Explorer 中的怪异模式 问题是 当启用怪异模式时 填充和边框不会计入宽度 据我所知 当省略 doctype 或将

  • 在导航栏下方添加背景图片

    我想在导航栏下方添加背景图像 具有完整窗口大小的宽度 它不应覆盖整个页面长度 而是从导航栏菜单下方开始 一直向下直到特定的指定高度 但宽度是满的 我参考了以下内容 但仍然没有结果 在 Twitter Bootstrap 中的导航栏下方启动背

  • 有 CSS 父选择器吗？

    我该如何选择 li 元素是锚元素的直接父元素 举个例子 我的 CSS 应该是这样的 li lt a active property value 显然 有多种方法可以使用 JavaScript 实现此目的 但我希望 CSS Level 2 本

  • 如何使用 css 在标题的两侧放置实线？ [复制]

    这个问题在这里已经有答案了 可能的重复 如何在标题文本上制作字段集图例样式的 背景线 https stackoverflow com questions 5985009 how can i make a fieldset legend st

  • 导航栏折叠在 Bootstrap 中不起作用

    Bhanu pratap 解决了这个问题 在这个问题的末尾检查一下 我一直在遵循旧的路线来构建导航栏折叠 三明治 问题是课程中的页面顶部似乎有一个黑条 并且缩小页面时会出现导航栏 对我来说 我只需在左侧找到一个按钮 另外 当我缩小页面时 我

  • 使用JQuery检查元素是否有边框？

    所以我正在玩 el css 尝试确定元素是否有边框 我用 css border style solid 设置边框 这是可行的 但实际上它设置了 4 种单独的样式 border right style border left style bo

  • CSS - SASS：使用基于@each的mixins来生成多个背景

    我正在使用 CSS 创建发型和颜色目录 我有 55 种不同颜色和发型的组合 每种发型和颜色都有自己的图像 SVG 文件 我需要将它们全部组合成一个背景 使用 CSS3 的多背景功能 我编写了这个混合来生成多个背景 它基于 mixin在这篇文

  • 如何使用CSS将背景图像放入选择选项标签中

    我有一个从 json 响应接收的国家 地区下拉列表 并且想要在国家 地区名称旁边添加相应的国家 地区国旗图标 也从 json 响应获取图像 我已经尝试了不同的 jQuery 和 bootstrap 插件 但他们所做的是破坏我以前的选择框样式

  • div Hello div div Howdy dere pardner div div div 我明白它的作用 但为什么叫这个名字both 什么是both mean 两者的意思是 一组两件事中的每一项 左 和 右 两件事

  • 如何保留用户的输入打印？

    我正在尝试添加用户的评论 所以我只是尝试读取输入并将其发送以进行打印 但问题是 一旦我刷新页面或输入另一个输入 打印的输入就会消失 因此 即使刷新页面或重新输入新评论 我也希望始终保持所有用户的显示 代码 div div

  • 可以将position:absolute元素设为粘性吗？

    In CSS position sticky使元素能够显示position static行为 即 它采用文档流中的默认位置 直到到达某个滚动位置 然后采用position fixed行为 那么 这是否意味着我们不能使用position st

  • 如何在其他div id的悬停中使用div显示块

    如何打开div悬停时标记href tag 这是我在悬停 href 标签上显示 div 标签的代码 Services is id of href tag Services is id of div tag Service hover Serv

  • 如何通过单击链接来更改 div 的内容？

    这是我的网页的 修改后的 jsfiddle 它还有很多 而且定位是正确的 与此相反 http jsfiddle net ry0tec3p 1 http jsfiddle net ry0tec3p 1 a href class btn1 st

  • 合并 2 个大型 CSS 文件的有效方法

    我正在寻找一个可以合并 2 个大型 CSS 文件的工具 到目前为止我尝试过的所有方法 例如CSSMerge 都没有成功 其中一些只是随机删除属性 其他人则因 webkit 和 moz 等非标准属性而窒息 并给我错误 我还需要保留每条规则大小

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

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

  • css3按钮背景颜色无限过渡

    有没有办法仅使用 css3 使按钮的背景颜色从灰色渐变为蓝色 然后又回到灰色 一个很好的例子是默认操作按钮是可可 我知道这可以在 javascript 中完成 但我宁愿只使用 css 来完成此操作 您好 我已经通过 CSS3 动画制作了按钮

随机推荐

  • 同一 .Net 6 项目中多个 nuget 包中同一 DLL 的不同版本

    我有一个名为 Foundation dll 的基本 nuget 库 我还有另外 5 个 nuget 库 它们使用不同版本的 Foundation dll 一切都在一个项目中 我的问题是 当我构建一个项目时 VS Net 显然只会在 bin

  • webpack 4 模块可以配置为允许 Jasmine 监视其成员吗？

    我无法让我的测试 jasmine 测试套件与 webpack 4 一起运行 升级 webpack 后 几乎每个测试都会出现以下错误 Error

  • C# 中泛型类型的命名空间范围别名

    让我们看一个下面的例子 public class X public class Y public class Z public delegate IDictionary

  • 用 C# 下载 HTML 页面

    我正在用 C 编写一个应用程序 有没有办法只给我的程序提供 URL 来下载 HTML 页面 例如 我的程序将获取 URL www google com 并下载 HTML 页面 Use WebClient DownloadString htt

  • Django模型子类中相同的字段，不同的选择

    是否可以使用不同的choices对于模型的子类 下面的代码应该可以给你一个想法 class Clothing models Model size models CharField max length 1 colour models Cha

  • Play 控制台：在哪里可以找到运行我的应用程序的设备列表？

    我正在寻找一种方法来导出当前安装了 Android 应用程序的设备列表 这可能吗 如果可以 如何实现 玩游戏时 转到您的应用程序页面 在左侧边栏上 选择统计 打开 添加新指标 或编辑现有指标 下拉列表 选择设备 gt 安装基础 gt 所有设

  • 用Java发送/接收电子邮件

    我想通过 Java 发送电子邮件 任何电子邮件 如来自 yahoo gmail 或任何其他部分 我尝试了代码here http www tutorialspoint com java java sending email htm 但是我得到

  • Swift - Objective-C 加载类方法？

    在 Objective C 中 NSObject有一个名为的类方法load当类第一次加载时被调用 Swift 中的等价物是什么 implementation MyClass void load self registerClass end

  • Sl 4、MVVM：在TextBlock中使用Inlines，如何绑定到ViewModel？

    我们通过向 TextBlock Inlines 添加一系列 System Windows Documents Run 对象来格式化 TextBlock 的文本 我们如何绑定ViewModel中的格式化文本以显示在TextBlock中 感谢您

  • 如何使用 Jackson API（列表内的列表）迭代 JSON 响应？

    如何使用 Jackson API 迭代 Java 中的 JSON 响应 换句话说 如果响应有一个列表 并且该列表内有另一个列表 在本例中称为 天气 那么我如何获取温度 这是我试图迭代的示例 message like cod 200 coun

  • JBOSS - 计时器的先前执行仍在进行中，计时器状态为 IN_TIMEOUT

    我正在使用 JBOSS EAP 6 4 我使用 EJB Shedule 注释在 ScedulerBean 中安排了一些调度程序 如下所示 这里的ShedulerBean依赖于StartupBean Singleton DependsOn S

  • 实体框架与 NHibernate - 性能

    我希望在我们的系统中实现 ORM 我们目前有许多表 其中有大量可怕的数据和存储过程 我听说使用 ORM 会降低系统速度 有谁知道哪种 ORM 使用 C 代码中创建的查询并映射到存储过程在速度和性能方面更好 Thanks EDIT 该项目将使

  • C++ 迭代器对向量中的某些元素进行迭代

    如果这是一个微不足道的问题 请原谅我 我只是在学习 C 并试图理解某些概念 尤其是当涉及到迭代器时 我完全迷失了 假设我有一个表示某种数据结构的自定义类 其成员之一是整数向量 我想为该类编写一个双向迭代器 它仅输出向量中的偶数 有没有简单且

  • matlab ode45 检索参数

    我正在 Matlab 中试验 ode45 我已经学会了如何将参数传递给 ode 函数 但我仍然有一个问题 假设我想计算汽车的轨迹 速度曲线 并且我有一个函数 例如getAcceleration 这给了我汽车的加速度以及正确的档位 accel

  • 如何使用 SQL Server 企业版在 app_data 下添加新数据库

    我绝对是 MVC 的新手 现在我才刚刚开始 我查看了教程播客 其中我可以在下面添加一个新的 SQL Server 数据库项目app data 但是 一旦我单击该按钮 就会弹出一条消息 显示我的桌面上没有安装 SQL Server 2005

  • CUDA 中的随机播放指令不起作用

    我在 CUDA 5 0 中遇到随机播放指令问题 这是我的内核的片段 它在循环内部 打印仅用于调试目的 因为我无法使用普通调试器 tex val tex2D srcTexRef threadIdx x w y pos if threadIdx

  • R 使用 | 在数据框中查找值运算符与 %in%

    我试图在数据框中查找某些值的所有实例 并将它们替换为 NA 我尝试了两种我认为相同的不同方法 但得到了不同的结果 例如 df lt data frame a c 1 2 b c 3 4 df df 1 df 4 lt NA 给了我预期的结果

  • 如何在 Ruby 中获取多行用户输入？

    我知道这是一个非常简单的问题 但我的谷歌搜索让我失望了 我想在 Ruby 中获取多行用户输入 因为 gets 只提供一行输入 我希望能够将多行输入存储到字符串中 以便我可以将字符串输出到文件末尾 有可用的命令来执行此操作吗 提前致谢 尝试这

  • 使用 Service Fabric 模板时出现错误的 dll 文件异常

    我们在客户端中遇到 Microsoft ServiceFabric Actors dll 文件问题 当我们使用Service Fabric模板创建项目时 dll文件存在于Service中 但不存在于客户端中 然后我们尝试从客户端项目引用该d

  • 使用图标字体（Font Awesome）看起来有点模糊而且太粗体

    我使用 Font Awesome 在我的网站上创建图标 虽然它们在配备 Retina 显示屏的 iPod Touch 上看起来很棒 但在我的 iMac 上它们看起来有点模糊且不太清晰 这是一个演示图像 正如您所看到的 该字体在 Retina

热门标签