标签: typography

像 Google Docs 这样的 JavaScript 布局引擎?

是否存在用于在 Google Docs 中布置文本的 JavaScript 布局引擎?我知道,谷歌文档做一些疯狂的事情,得到的东西来工作(避开之类的东西designMode,并contentEditable完全与微软Office Online上做得相当类似的事情)。

javascript layout text typography

5
推荐指数
1
解决办法
2866
查看次数

在Firefox和Chrome中使用Verdana的Kerning bug为15像素

我注意到Verdana在Firefox和Chrome上的15像素和Windows上的角色问题.请参见下图,并注意"o"和"r"之间的额外空间.此图片是Chrome的屏幕截图,只有font-famliy和font-size样式应用于段落.

这是否意味着字体的Open Type版本的字距调整表中存在错误?我甚至会在哪里报告这样的错误?

在此输入图像描述

css firefox fonts typography google-chrome

5
推荐指数
1
解决办法
1078
查看次数

如何在Java中查找文本字符串的真实可见大小

是否有可能在Java中找到字符串的真正边界框?即最小的矩形,其中包括实际绘制的像素?

我查看了FontMetrics和LineMetrics,虽然它们允许传入字符串,但它们似乎没有考虑字符本身,呃"a","p"和"P"都返回相同的高度.

具体来说,它们似乎包括字符串高度的下降,即使实际字符没有下降到基线以下.我可以访问哪些其他指标返回真正的边界框?

或者,有什么方法可以判断某个角色是否有下行器?

java fonts typography

5
推荐指数
1
解决办法
1933
查看次数

将文本限制为x行数并附加"..."

我正在寻找一种Javascript/jQuery + CSS方式来限制文本(例如产品名称),即2行.但是访问者需要知道它被截断了,因此我需要在最后添加"...".

我想这样做的原始方法是将文本放在一行中,测量它的宽度,然后在文本达到包含div的宽度的2倍之前将其剪掉,但这似乎很棘手,因为每个角色可能需要计算它的宽度而不是那个.

在这种情况下,将它限制为字符或单词的数量是不行的 - 我想每次完全填充该div的2行,而不是有间隙.

有没有一种很好的方法来实现这一点,而不是使用等宽字体?

javascript css jquery fonts typography

5
推荐指数
1
解决办法
7431
查看次数

Cufonfonts 与排版云

我想在我的网站之一上使用 Archer 字体系列。当我尝试查找字体时,我看到以下两个选项:

  1. http://www.typography.com/fonts/archer/webfonts/
  2. http://www.cufonfonts.com/en/font/13323/archer-book

Typography 有按使用付费计划,在该计划下我可以直接使用该字体。

另一方面,cufonfonts.com 允许我下载 Archer 字体系列的网络字体,我可以使用 @font-face 直接在我的网站上使用它们。它也是免费的。

那么谁能告诉我 CufonFonts 是否遗漏了一些东西。使用 CufonFonts 是否有任何缺点或者是否不合法?我尝试过使用 CufonFonts,效果很好。那么有人可以建议正确的方法吗?

注意:我不能使用弓箭手的任何替代字体。这是一个硬性要求。因此,要么我使用免费的 Cufonfonts,要么我必须购买排版计划。

css fonts typography webfonts

5
推荐指数
1
解决办法
1684
查看次数

HTML 不间断空格无法正常工作

在我看来,不间断空格的 HTML 实体在我的代码中无法正常工作。我使用:zvy\xc5\xa1ov\xc3\xa1n\xc3\xadm ceny \xe2\x80\x93 ta by negativn\xc4\x9b但不是连接在一起的破折号和两个单词,而是在新行的开头看到一个丑陋的空格。您知道如何解决这个问题吗?

\n\n
\n

我知道不间断的连字符,但请记住连字符和破折号之间是有区别的。

\n
\n\n

**图片**

\n\n

**正确的解决方案**

\n

html typography space

5
推荐指数
1
解决办法
7556
查看次数

OpenType/TrueType 中复合字形的组件

我在OpenType / TrueType glyf表的规范中找不到任何信息来说明复合字形的组件是否总是简单的字形,或者它们本身是否可以是复合字形(即递归复合字形)。

由于规范没有明确禁止复合字形作为组件,我认为理论上这是可能的。但我的问题是:是否有任何字体实际上包含递归复合字形?是否有任何主要的字体工具支持这一点?

背景是我正在编写一个简单的字体解析器,我想知道是否需要了解递归复合字形,因为这会使算法变得更加复杂。

更新:我在maxp table的规范中找到了一些信息。这定义了maxComponentDepth,这是复合字形的最大递归级别。这表明递归复合字形是可能的。但它们真的被使用了吗?

fonts typography truetype opentype

5
推荐指数
1
解决办法
338
查看次数

将ggplot中只有一个图例的标签斜体

我正在尝试格式化带有两个单独图例的图。我有一个形状图例,用于我所有不同的分类群,还有一个颜色图例,用于它们所属的类别。我只想将形状图例中的分类单元名称斜体,而不是将颜色图例中的类别名称斜体。到目前为止,我可以使用此行将所有图例条目设为斜体或不使用:

plot + theme(legend.text = element_text(face = "italic"))
Run Code Online (Sandbox Code Playgroud)

但我不知道如何仅指定形状图例。我认为theme()不合适,因为它改变了整个情节的主题。我也研究过,guides()但它似乎没有指定图例标签字体的选项。

一些示例数据和图:

species <- c("M. mulatta", "P. ursinus", "C. mitis", "C. guereza")
subfam <- c("Cercopithecine", "Cercopithecine", "Cercopithecine", "Colobine")
x <- rnorm(4, 1:10)
y <- rnorm(4, 2:20)
df <- data.frame(cbind(species, subfam, x, y))

ggplot(df, aes(x, y)) + geom_point(aes(shape = species, color = subfam), size = 4) +
  labs(shape = "Species", color = "Subfamily")
Run Code Online (Sandbox Code Playgroud)

总之,我想让物种名称斜体而不是亚科名称。看起来应该很简单......这在ggplot中甚至可能吗?

提前致谢!

plot typography r legend ggplot2

5
推荐指数
1
解决办法
2425
查看次数

Flutter 的 Paragraph 类的宽度度量是什么意思?

Paragraph的文档有四种不同的方法来获得宽度距离:

宽度 ?double
本段占据的水平空间量。

最长线?double
段落中从最左边字形的左边缘到最右边字形的右边缘的距离。

最大内在宽度?double
返回最小宽度,超过该宽度增加宽度永远不会减少高度。

最小内在宽度?double
这个段落可以在没有未能在其内部绘制其内容的情况下的最小宽度。

注意tightWidth在 Flutter 1.7 稳定版中不再出现。

不过,我仍然不清楚这些有什么不同。是否width包括一些额外的填充?

typography dart flutter

5
推荐指数
1
解决办法
685
查看次数

UIFont:如何使用文体替代字符?

在我的应用程序中,我想stylistic alternate font 用于 'a' 而不是system font.

附件screenshot解释了字体的不同呈现。

在此处输入图片说明

我怎样才能启用这种行为UILabelUITextView以便它呈现正确的一层'a'?

我确实找到了一个YouTube video 链接,它完全解释了这一点,但他正在使用 acustom font并且它是硬编码的。我只想使用system font但与这个替代字符。

我也许可以硬编码UILabelcustom character,我不知道,因为我想用System font。我不想使用custom Font. 什么UITextView是编辑?我们如何让它a在用户输入时使用替代?

typography uifont ios swift

5
推荐指数
1
解决办法
414
查看次数

标签 统计

typography ×10

fonts ×5

css ×3

javascript ×2

dart ×1

firefox ×1

flutter ×1

ggplot2 ×1

google-chrome ×1

html ×1

ios ×1

java ×1

jquery ×1

layout ×1

legend ×1

opentype ×1

plot ×1

r ×1

space ×1

swift ×1

text ×1

truetype ×1

uifont ×1

webfonts ×1