Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >作为正文文本,哪些web安全字体对眼睛更具可读性?不应该使用哪些web安全字体?

作为正文文本,哪些web安全字体对眼睛更具可读性?不应该使用哪些web安全字体?
EN

Stack Overflow用户
提问于 2010-02-24 13:26:06
回答 8查看 4.2K关注 0票数 2

作为正文文本,哪种web-safe fonts对眼睛更具可读性?不应该使用哪些web安全字体?

为了更好的可读性,<p>body text</p>的最小字体大小应该是多少?

我们应该为<H1/2/3/4/5/6><p> <ul><ol>使用什么字体大小?我们是否应该对<p><ul><ol><th> <td>使用相同的字体大小

平衡排版字体大小的方案是什么?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2010-02-24 13:40:08

我发现Verdana对于大块的文本看起来非常容易。然而,仅靠字体系列不会带来重大的改进。

你应该小心你的文本块的宽度。流行的用法表明,每行12到16个单词对眼睛来说是舒适的。

此外,一定要有一个平衡的行高,这样行之间的垂直距离就可以提供足够的空格。将较大的文本块拆分为底部填充/边距至少是行高两倍的段落,这样会使它们更突出。

我不相信有一个调整标题字体大小的银弹。我建议你对字体使用弹性大小(em而不是px)。这使得内容更容易适应各种屏幕尺寸和分辨率。

无论你选择什么,你都应该注意标题大小以及字体粗细或颜色之间的明显区别。一般来说,让标题之间的差异变得非常微妙是个坏主意。

我建议h6,最后一个标题,至少比一般的文本块大一点,并以粗体显示。如果让它看起来像一个包含在强标记中的元素,那将会让人感到困惑。

使P,OL,TH和TD的字体大小相同我认为部分是品味问题,但更重要的是范围问题。

如果你的表格显示了定价选项,我绝对会选择TH和TD元素的较大字体,以吸引用户的注意力。

票数 8
EN

Stack Overflow用户

发布于 2010-02-24 14:29:31

威奇托州的Software Usability Research Lab对字体做了一系列的研究,其结果可以用来为你的目的选择合适的字体和大小。对于文本段落的原始可读性,12点Tahoma似乎consistently perform the best。Cambria可能更擅长阅读individual characters (他们没有对阅读段落进行测试,也没有直接针对Tahoma进行测试)。

一般来说,12点比10点要好,但除非你说的是elderly users,否则是14 is not better than 12

如果大小是区分报头的唯一方法,那么,根据MIL-STD 1472,每个级别都应该比下一个较低的级别至少大25%。因此,如果使用H1到H3和12点段落,则H3 = 15 pt,H2 = 19 pt,H1 = 24 pt (最小值)。但是,如果您使用其他方法来指示层次结构,例如缩进、粗体或节号方案(如#.#.#),则某些级别的大小可能与其他级别相同。

编号列表和未编号列表应该使用12点,因为它们通常是句子。您也许可以在表格内容或数据字段中使用较小的字体,可能小到9磅,因为用户通常一次只扫描和阅读一个单词或数字,但我不知道有任何研究实际比较了扫描/滚动与可读性之间的权衡。

票数 5
EN

Stack Overflow用户

发布于 2010-02-24 13:42:18

试着用不同的字体制作网站的不同版本,让用户选择一种最容易阅读的字体。

关于字体的良好实践:

  • 不要在一个页面上使用太多不同的字体
  • 使用相对字体大小,以便用户可以在浏览器设置中放大字体大小
  • 使按钮“放大字体”和

在你的界面中“减小字体”和

在cookie中保存用户设置

字体选择本身是一个美观的选择,你不能在这里得到一个正确的答案-你喜欢你自己会做的一个。

至于网页安全字体,请尝试此链接:http://en.wikipedia.org/wiki/Web_typography

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2326273

复制
相关文章
php如何替换字符串中的指定字符
常用的函数有:str_replace() 和preg_replace()。 str_replace() 函数使用一个字符串替换字符串中的另一些字符。 str_replace(find,replace,string,count)参数 描述 find 必需。规定要查找的值。 replace 必需。规定替换 find 中的值的值。 string 必需。规定被搜索的字符串。 count 可选。一个变量,对替换数进行计数。 str_replace(“raykaeso”, “leixuesong”, “raykaeso love php”); preg_replace ( pattern , replacement , subject,limit = -1 ,$count ) 作用:执行一个正则表达式的搜索和替换 pattern 必需。需要搜索的模式。 replacement 必需。用于替换的字符串或数组。 subject 必需。需要替换的字符串或数组。 limit 替换的次数。-1为无限 count 完成替换的次数,变量
全栈程序员站长
2022/08/25
5K0
替换字符串指定位置字符 php,php如何从指定位置替换字符串
在php中可以使用“substr_replace”函数实现从指定位置替换字符串,其语法是“substr_replace(string,replacement,start,length)”,参数start表示从指定位置开始替换。
全栈程序员站长
2022/08/31
3.7K0
替换字符串指定位置字符 php,php如何从指定位置替换字符串
Android开发之 全局替换字体
第一反应是好简单,换个TypeFace不就完了,但是不可能每个控件去设置一个吧?不存在的。
Xiaolei123
2019/03/20
1.3K0
Android开发之 全局替换字体
Android面试题经典之如何全局替换App的字体
AntDream
2024/07/10
1530
Android面试题经典之如何全局替换App的字体
PPT中怎样批量替换字体?
  对于PPT的制作同样的时间同样的题材为什么别人的就是比自己做的好看?并且大佬们耗时还很短,这就很纳闷。其实是大佬们掌握了更多制作PPT的技巧,并进行熟练使用从而可以快速制作出好看的PPT,那在PP
纸醉金迷i
2022/02/25
2.6K0
PPT中怎样批量替换字体?
为 Windows 系统替换优雅的苹果字体
使用 Windows 的童鞋,大家估计都用惯了默认的微软雅黑字体,字体本身也很不错,但使用久了也该换个别的字体了,换个字体换个心情嘛。
章鱼猫先生
2021/10/15
7.6K2
为 Windows 系统替换优雅的苹果字体
php 替换某个字符,php如何将指定字符串替换?
php将指定字符串替换的方法:1、【strtr】为转换指定字符,代码为【string strtr( string str ,replace_pairs )】;2、【str_replace()】函数以其他字符替换字符串中的一些字符。
全栈程序员站长
2022/08/31
8.7K0
php 替换某个字符,php如何将指定字符串替换?
如何选择合适的PaaS
正如我在博客文章“PaaS对企业的7大好处”中所写的一样,“平台即服务”解决方案是企业快速构建应用程序并对其进行适当维护的最佳方案。但是,为企业选择合适的PaaS却非常困难,特别当你寻找的是专门为构建和部署应用程序而设计的平台(应用平台即服务,aPaaS)时。关于如何选择正确的PaaS的最佳建议来自Gartner的报告“选择应用程序平台服务的七个关键标准”。以下是该报告的重点内容。
siffis
2018/01/18
2.4K0
简单高效的实现 Android App 全局字体替换
Android O推出了一项新的功能「Fonts in XML」,借助这项功能,我们能够像使用其他资源文件一样使用字体,比较方便地实现App全局字体的替换。 为了能够在API 14或者以上的设备上使用Fonts in XML特性,我们需要使用到Support Library 26。更多的内容可以参考「使用Support Library」小节。 在Android Studio中按照如下步骤将字体作为资源文件添加至工程: 右键单击项目的 app / res 文件夹,然后选择 New > Android reso
非著名程序员
2018/02/02
4.2K0
简单高效的实现 Android App 全局字体替换
vim替换wordpress中所有谷歌字体链接
因为wordpress网站的主题在加载中会花费很多时间在寻找谷歌字体上,我也试过各种插件均无效,这个问题纠结很久了,今天终于忍无可忍用vim的全局文件替换的两个命令搞定之.特地记录下来,
十四君
2019/11/29
8960
vim替换wordpress中所有谷歌字体链接
android全局替换字体最新方案
github上有一个Calligraphy库,这个库可以用来替换字体。核心代码就是CalligraphyLayoutInflater,它继承默认LayoutInflater并且取代默认inflater来渲染整个图层。当你设置好了字体以后自然就会用新字体来渲染文字。但问题是,现在这个库只能实现一开始加载的时候渲染文字,那如果我正在一个Activity里面操作,里面有viewpager,fragment等一大堆组件,然后我切换进设置,在设置里面修改字体再返回这个Activity,此时Activity并没有经历销
提莫队长
2018/05/18
1.6K0
文件重命名或替换指定内容
import java.io.BufferedReader; import java.io.CharArrayWriter; import java.io.File; import java.io.FileReader; import java.io.FileWriter; import java.io.IOException; import java.util.Scanner; public class NameUtils { public static void main(String[]
JQ实验室
2022/02/10
1.1K0
卸载安装替换为指定版本OpenSSL
需求 安装ss代理时编译报错,经查询是openssl版本问题导致编译失败,故卸载替换当前版本重新安装 #查找当前安装的OpenSSL版本 rpm -qa|grep ssl #指定对应版本进行卸载 yum -y remove openssl-1.1.1g-15.el8_3.x86_64 #可以去该地址下载自己想要的版本的OpenSSl https://www.openssl.org/source/old/1.0.2/openssl-1.0.2u.tar.gz #解压 tar -zxvf openssl-
Diuut
2022/11/22
7K0
卸载安装替换为指定版本OpenSSL
【沙龙干货】如何打造 最合适的构架,最合适的重构?
不是每一个程序员都能成为一个架构师!十年移动开发专家告诉你,如何打造最合适的构架和最合适的重构。 张旭 2006年加入腾讯,近10年的移动软件研发经验。历任Android手机QQ,iPad手机QQ技术负责人,主导过腾讯内部多个项目的重构与性能优化。和大家一起聊聊从架构设计方面,如何有效的避免性能问题的发生。 若要查看分享视频,请点击 本
腾讯Bugly
2018/03/22
9380
【沙龙干货】如何打造 最合适的构架,最合适的重构?
替换单元格指定位置的字符
替换Excel单元格中指定位置的字符,可以考虑以下两种情况分别应用不同的方法:
大海Power
2021/08/30
1.5K0
MySQL批量替换指定字符串
是山河呀
2024/12/15
1670
如何选用合适的Linux版本
Linux操作系统是开源的、免费的、高效的操作系统,在信息安全领域中得到了广泛的应用。然而,在选择Linux版本时,我们需要考虑许多因素,如安全性、稳定性、易用性、兼容性等。本文将分析Linux操作系统的版本选择,重点突出Kali Linux版本对信息安全的优势,并分析CentOS停止更新的危害。
红目香薰
2024/01/01
4310
如何选用合适的Linux版本
如何选择合适的损失函数
机器学习中的所有算法都依赖于最小化或最大化某一个函数,我们称之为“目标函数”。最小化的这组函数被称为“损失函数”。损失函数是衡量预测模型预测期望结果表现的指标。寻找函数最小值的最常用方法是“梯度下降”。把损失函数想象成起伏的山脉,梯度下降就像从山顶滑下,目的是到达山脉的最低点。
zhangjiqun
2024/12/14
2330
如何选择合适的损失函数
为Windows系统替换优雅的苹方,好看的OPPO字体
自从坏了一台12寸的MacBook,我使用Windows的频率就升高了,但Windows的系统字体确实丑了些 。然后我找到了一个可以替换Windows系统字体为Apple 苹方的小工具。
zhaoolee
2021/03/02
1.5K0
为Windows系统替换优雅的苹方,好看的OPPO字体
替换指定字符串中,键对应的键值
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112613.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/08
3.9K0
替换指定字符串中,键对应的键值

相似问题

应用捷径

20

BindParam捷径?

13

Pycharm捷径

11

在electron.js中执行“electron.js”时获取错误

12

PowerShell捷径

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档