问题标签 [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.

0 投票
6 回答
2090 浏览

javascript - 是否可以仅使用 css 来保持垂直节奏?

我正在开发一个面向排版的 wordpress 主题[1],但我在使用内嵌图像时遇到了麻烦。

我可以控制每个元素并调整它的行高、下边距、ecc,以保持垂直节奏。但是由于通过编辑器粘贴的图像可以有任何高度,它们显然会破坏以下所有内容。

所以问题是是否可以使用边距、填充、两者或其他解决方案,以确保独立于图像大小,它将调整到基线。

我知道有一些替代方法,比如让所有图像变成线高的倍数,这样我就可以保持节奏。其他选项是使用 javascript,不理想,但如果没有 css 解决方案,我将不得不考虑它。

[1] 如您所见,这是一个与 css 相关的问题,而不是 wordpress 问题,这就是我在这里发布这个问题的原因。

0 投票
5 回答
2871 浏览

c++ - 用 C/C++ 编写“指向某物的指针”的好方法

有没有一种“好”的方法可以在 C/C++ 中编写“指向某物的指针”?
我以前写void foo( char *str );但有时我觉得它很不合逻辑,因为类型str是“指向char的指针”,那么将它附加*到类型名称应该更合乎逻辑。
有写指针的规则吗?

0 投票
1 回答
600 浏览

javascript - 针对不同语言更改元素的 CSS

有没有办法根据语言使用 CSS 来设置文本样式?

例如,Tahoma字体广泛用于阿拉伯文本,但对于具有相同文本大小的英文文本,它的大小非常小。

因此,当我们在阿拉伯文本中有一些英文文本时,有没有一种方法可以自动检测文本语言的变化,然后为阿拉伯文本中的英文文本使用更大的字体。

谢谢。

0 投票
4 回答
1540 浏览

javascript - 如何在标题的前半部分包裹一个类?

我正在尝试围绕标题的前半部分或后半部分包装一个类,以便我可以使用 jQuery 创建更多动态和酷炫的标题。

从理论上讲,我想找到句子中的所有空格并将其分成两部分。如果标题包含奇数个单词,脚本应该检测到这一点,并将类添加到最近的单词。

0 投票
5 回答
88580 浏览

javascript - 如何将 HTML5 画布文本设置为粗体和/或斜体?

我正在以一种非常直接的方式将文本打印到画布上:

但是如何将文本更改为粗体、斜体或两者兼而有之?有什么建议可以解决这个简单的例子吗?

0 投票
1 回答
1133 浏览

css - 排版模板或良好做法

当我用 css 设计网页时,排版是我永远无法正确处理的事情之一,标题和正文的外观和感觉都不像我在网上看到的大多数其他网站那样好。通过这一点,我主要是我的排版感觉不像这些网站那样可读和宽敞

我确实尝试复制这些漂亮网站的 css,但我似乎从来没有得到相同的结果(或者至少我似乎从来没有将这些技术变成我自己的,以便我将来可以使用它们)。另外,在排版方面,我的 css 无处不在。如果我以后需要更改样式,我会花很长时间搜索相关值

当我第一次开始学习 css 时,我发现了很多关于如何使页面布局正确(静态、流畅、左/右导航)的教程,但我从来没有发现任何有用的东西来帮助我获得正确的外观和感觉排版。另一方面,有很多关于排版的书,但似乎没有帮助如何让排版在网络上看起来不错。

我希望你能推荐一些资源,或者任何可以保证这种类型在网络上看起来不错的固定方法

谢谢

0 投票
4 回答
13859 浏览

html - 在画布上绘制的文本抗锯齿效果不佳

我在画布上绘制文本,对抗锯齿的质量感到失望。据我所知,浏览器不会对 Canvas 上的文本进行亚像素抗锯齿处理。

这是准确的吗?

这在 iPhone 和 Android 上尤其明显,其中生成的文本不像其他 DOM 元素呈现的文本那样清晰。

关于在 Canvas 上输出高质量文本的任何建议?

茹贝尔

0 投票
1 回答
49 浏览

css - 如何选择字体堆栈

我正在学习从 PSD 到 HTML 的切片方法,我遇到了一些障碍。

从 PSD 中选择一个 css fontstack 以匹配它的最佳方法是什么?

Photoshop中是否有吐出东西的功能?

谁能给我一些建议,他们如何选择要选择的那个,而且,在 Photoshop 中,文本似乎是由 PT 拍摄的……我在我的 CSS 中使用 PX,有没有办法将 photoshop 改为显示 px pt的?

谢谢大家:)

0 投票
3 回答
2147 浏览

css - 粗体文本在不同的网络浏览器中看起来非常不同

我有两个浏览器都在 Ubuntu 10 中运行。

Firefox 4 RC 和 Google Chrome 10。两者都有非常不同的粗体文本表示。请看下面的截图 - 上面是 Chrome,下面是 Firefox

在此处输入图像描述

Windows 和 Mac OSx 中的相同浏览器没有差异,或者至少差异很小。

为了排除任何 CSS 不兼容性,我检查了应用的样式和计算的字体粗细、大小、字母间距和行高的值。他们都匹配。

不粗体的足够奇怪的文本(包括这个)看起来完全一样。

使用的字体是Monotype Corsiva,它作为网络字体附加。其他字体没有这个问题。

我的问题是网络浏览器如何生成粗体文本?为什么这取决于使用的字体以及如何解决它?不幸的是,不能使用其他字体。

编辑:这是按要求应用于文本的 CSS:

0 投票
1 回答
666 浏览

css - CSS :first-letter 在段落的边界处被截断

我的首字下沉有问题。请查看此页面http://www.madebypaz.com/portfolio/interaction/user-centred-design

:first-letter 在 webkit 的顶部被截断,Firefox 将其推下一行。您能否提供一些建议如何解决此问题,使其仅跨越两条线并且不会在顶部被切断?

任何指针都非常感谢。