问题标签 [typography]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
fonts - 网页字体渲染
创建网页时,我总是遇到同样的问题。当我添加一个大于 16-18px 的字体时,它看起来很糟糕。它的锯齿状和像素化。我尝试过使用不同的字体和粗细,但是我没有太多运气。
注意:它只有在windows中是这样的。主要在 Opera 和 FF 中,也在 IE7 中,但没有那么糟糕。在 Linux 中,字体看起来不错。我没看过Mac。
你们做什么来解决这个问题?如果有什么。我注意到 SO 上的标题也很参差不齐,但它们足够小,不会看起来很糟糕。
css - 与 CSS 一致的首字母缩进?
我正在尝试实现正文第一段的第一个字母的缩进。我被困的地方是在第一个字母和段落的其余部分之间保持一致的间距。
例如,“W”和“I”之间的间距存在巨大差异
有人对如何减轻差异有任何想法吗?我更喜欢纯 CSS 解决方案,但如果需要,我会求助于 JavaScript。
PS:我不一定需要在 IE 或 Opera 中兼容
css - 我应该避免使用“text-align: justify;”吗?
有什么理由避免使用text-align: justify;
?
它是否会降低可读性或导致问题?
html - 网站上的小字体
我的主要浏览器(FF 和 Chrome)都配置为 12 像素字体。在这两种浏览器中,字体选择器都会显示字体预览,并且它们的大小相同,并且适合阅读网站。我的 IE 不允许我设置字体大小,但似乎默认为比 Chrome 大一点的字体。
在我的个人网站上,我使用 XHTML 和 CSS 并将页面字体指定为“中等”,并将该字体大小用于所有主要文本(“内容”文本)。当我在 IE 7、FF 3 和 Chrome 0.4 中查看该站点时,字体按预期显示并与字体选择器匹配(在 IE 中稍大一点除外)。
但是,我访问几乎所有其他网站(Google、StackOverflow、The DailyWTF、CodingHorror、Microsoft、Sourceforge,甚至 W3C 等),它们都以微小的微型字体显示——我估计是 5 到 7 像素。
这适用于 3 台不同的计算机,2 台不同的操作系统(Vista 和 XP)和 4 台不同的显示器(笔记本电脑、CRT 和全新的 WS LCD)。
那是怎么回事?我是否忽略了一些我需要知道的关于网站设计的基本知识?还是只是所有这些网站都做了一些愚蠢的事情,比如将字体设置为 50%、0.5 em 或 x-small?为什么网站设计者不能尊重我为内容文本选择的字体(我知道侧边栏和页脚等可能相当小或 x 小)。
我很想认为这只是不知情的网站设计师,但是,见鬼!,这些都是一些大牌网站!
编辑:要清楚,我并不是说使用 em 或 % 是愚蠢的,我想知道为什么许多网站似乎使用了我配置大小的 50%。当然,我配置的大小是我希望在其中看到文本的大小。
编辑:来自 W3C 的 CSS 规范:“下表提供了用于将绝对大小映射到 HTML 标题和绝对字体大小的用户代理指南。‘中等’值是用户的首选字体大小,并用作参考中间值。 “ - 强调我的。
有一个共识是,网站的相对字体大小基于典型的浏览器默认值 16px,这是不幸的,但“这就是生活”。但是其他系统呢?我们可以期望所有浏览器都如此默认吗?
至少我现在明白了这个问题。
在我选择最终答案之前,我想将这个问题暂时搁置一会,看看其他人是否有不同的看法。
结论:我已将所有浏览器重置为 16px(在我的 125 DPI 机器上为 18px),并将我的网站设置为使用 font-size: 90%。这提供了一个很好的显示尺寸,当然,我最喜欢的所有网站现在都可以阅读了。感谢所有建设性的答案和活泼的来回。
这是一个很棒的社区。
layout - 实现类似 Wordle 的词云的算法
语境
- 看看 Wordle:http ://www.wordle.net/
- 它比我见过的任何其他词云生成器都好看
- 注意:源不可用 - 阅读常见问题解答:http ://www.wordle.net/faq#code
我的问题
- 是否有可用的算法可以完成 Wordle 的工作?
- 如果不是,有哪些替代方案可以产生类似的输出?
为什么我要问
- 只是好奇
- 想学
ruby - 如何在 Ruby 中计算字符串的宽度?
String.length
只会告诉我字符串中有多少个字符。(其实在 Ruby 1.9 之前,它只会告诉我有多少字节,这更没用了。)
我真的很想知道一个字符串有多少'en'宽。例如:
n
如果我能得到一个字符串的第一个 en会更好:
如果我可以制定整个事情的战略,那就更好了。有些人认为空格应该是 0.25en,有些人认为应该是 0.33,等等。
css - 用于类型、颜色和布局的不同样式表。什么去哪里?
我在“A List Apart”上看到了这篇文章,该文章建议将 css 信息拆分为(至少)三个单独的文件,一个用于排版,一个用于布局,一个用于颜色信息。颜色看起来很明显,但是您将如何向您的普通程序员(即我)解释什么是类型和什么是布局?
fonts - 便携式网络字体技术
在阅读了关于网络字体字体选择的问题后,我想到便携式网络字体就是答案。我们曾经使用 Bitstream 的包来生成嵌入网页所需的字体子集,以便在每个平台上的每个浏览器中看起来都一样。当我在谷歌上搜索这个时,我发现了一个 RFC,看起来它是由 Bitstream 拥有的,而不是其他的。
这项技术怎么了?我只是没看到吗?还是因为它是专有的而消失了?如果是这样,这项技术的前景如何?
emacs - Boustrophedon 文本编辑?
我想在 emacs 中编辑 boustrophedon 中的文本。对于那些不知道 boustrophedon 文本方向的人来说,在田野中“像牛转身”或像打印机喷墨一样。出于同样的原因,这在农场或打印机上很有效,一旦你习惯了它(不会花费太长时间),这个文本就会非常有效地阅读。
有关 boustrophedon 排版/布局的更多信息:http: //www.ntg.nl/pipermail/aleph/2004-March/000094.html
据我所知,没有这种排版风格的实现,我对如何实现它感到困惑。
关于如何做到这一点的任何想法?
谢谢, 安德烈亚斯