标签: typography

我正在编写一个低级 C 应用程序，并且计划使用数组来存储我的字体。

问题是，我想使用的字体是 TrueType 格式。我该如何：

1. 将 TTF 转换为大尺寸、黑白、位图字体，无需任何 AA（严格来说与编程无关）；

2. 将黑白位图字体解析为 C 字节数组。

位图应该使用什么格式？应该足够简单，我这个只有一年多经验的初学者程序员可以编写一个解析器将其存储在所述数组中。

我不想使用外部库，并且我想保留 C Std。库。使用量降至最低。这是一个大学项目，我想自己写所有内容。

我希望西方和亚洲字体保持一致，因为我必须输入多语言文档。

在其他 Office 程序中也会出现这种情况： 1. 在 PowerPoint 中，它会自动切换到 Yu Gothic Light。2. 在Excel中，它是Microsoft Yahei，但显示为Calibri。

当我在其他应用程序（包括我的网络浏览器，甚至记事本）中输入日语时，不会发生这种情况，因此我确定这是 Office 问题。

我在互联网上搜索了所有解决方案，但都没有解决问题。

这是我在 UILabels 上定义字体的方法：

label.text = "Hello"
label.font = CustomFont.font(size: 16) // Resolves to `UIFont(name: "CustomFont", size: 16)`

我想CustomFont根据文本大小为 应用特定的字距调整/前导/跟踪。我可以通过使用属性字符串来做到这一点，但这意味着大量的代码更改、破坏性测试和更多的下一次开发的认知负载（即：记住始终对所有标签使用属性字符串）。

有没有办法在 UIFont 级别修改字距调整/前导/跟踪？我听说过UIFontDescriptor，但我不确定我应该使用哪些键/值，或者它是否可以工作。

似乎应用诸如此类的显示类mat-display-1也会margin-bottom向元素添加css。创建自定义主题时，我知道如何覆盖大小、行高和粗细，但有没有办法控制添加多少边距？

我想将 div 设置为与按钮完全相同的样式。我注意到，当我给按钮指定特定高度时，文本始终垂直居中。

到目前为止，我尝试挖掘 Chromium 用户代理样式表，但没有成功。-webkit-appereance: button也没有成功。

这是该问题的演示：https ://codepen.io/franzskuffka/pen/QzqKQx 。请注意，内联块样式可以确保文本垂直对齐 - 边界框仍然很奇怪。

哪个属性使文本垂直居中而不需要任何额外的包装？这里发生了什么？

字体大小似乎适用于字体“框”的高度，据我所知，它是在字体文件本身中定义的。因此，对于相同的字体大小，任何字符，无论其视觉高度如何，都应该位于等高的框内。

那么，字符的宽度在哪里定义？

字符宽度也需要与 font-size 相关，但每个字符似乎都有不同的宽度（通过this test或this test）。它不规则，因为高度似乎是这种情况。因此，定义每个字符的宽度的不是字体中定义的框的宽度。

那么，它在哪里/如何定义？

在元素上设置 时text-decoration:underline，线条显示在基线上。

它位于字母的下行部分之上。如果该行包含许多带有下行字母的字母，则会导致阅读困难。

我想使用 移动下划线下方的下划线text-underline-offset: 4px;。

有用。

在 Chrome 上，这正是我想要的。然而，它并不低于 Safari 上的下降部分。

如果我使用，text-underline-offset: 5px;它可以在 Safari 上运行。但在 Chrome 上，它靠近第二行的上升部分，而不是靠近同一行的下降部分。我可以使用更高的值来解决它line-height，但我不想要。

有没有什么方法可以计算下降部分的高度，以便我将下划线精确度偏移到基线以下很多？

信息：

我使用的字体称为Basis Grotesque Pro 常规字体

链接

• 上升者
• 下降器
• 文本下划线偏移

我是 Flutter 新手，正在尝试使用代码来更改字符串中特定 Unicode 字符的颜色。颜色编码 \\u0951、\\u0952 和 \\u1cda 表示蓝色、红色和绿色。输出字符串与预期格式不匹配。我看到一些字符重复，并且在某些字符中，颜色被应用于相邻的字符。非常感谢任何帮助解决该问题的帮助。\n我希望代码能够在 Android 和 IOS 平台上运行。

早些时候，当我使用 spannableStr 在 Android 中开发此应用程序时，我在 Kotlin 中有类似的代码，工作正常。\nFlutter Dart 代码是：

import \'package:flutter/material.dart\';\n\nimport \'package:flutter/painting.dart\';\nimport \'package:google_fonts/google_fonts.dart\';\n\nclass TextModifierScreen extends StatefulWidget{\n  @override\n  State<StatefulWidget> createState() {\n    return TextModifierScreenState();\n  }\n}\n\nclass TextModifierScreenState extends State{\n\n  List<TextSpan> _displaySpans = [];\n  String inputString = "\xe0\xa4\xae\xe0\xa5\x83\xe0\xa5\x92\xe0\xa4\xa4\xe0\xa5\x8d\xe0\xa4\xaf\xe0\xa4\xb5\xe0\xa5\x87\xe0\xa5\x92 \xe0\xa4\xaf\xe0\xa5\x8b\xe0\xa5\x91 \xe0\xa4\xb8\xe0\xa5\x8d\xe0\xa4\xb5\xe0\xa4\xbe\xe0\xa4\xb9\xe0\xa4\xbe\xe1\xb3\x9a \xe0\xa4\xad\xe0\xa5\x82\xe0\xa5\x92 \xe0\xa4\xae\xe0\xa5\x81\xe0\xa5\x92\xe0\xa4\xad\xe0\xa4\xaf\xe0\xa5\x8b\xe0\xa5\x92\xe0\xa4\xb0\xe0\xa4\xbe \xe0\xa5\xa5";\n\n  void replaceVowelsWithColor(String input) {\n    List<TextSpan> spans = [];\n    for (int i = 0; i < input.length; i++) {\n      String char = input[i];\n      int unicode = char.codeUnitAt(0);\n …

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

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

请参阅此图片以获得更清晰的解释:http://images.homey.se/dynamic_headline.png

例如,在以下标签中我想使用SmallCaps,但它们仅出现在Windows 8及更高版本上.在Windows 7上,只有普通字母.

<Label x:Name="servername" Typography.Capitals="SmallCaps" Content="Server xy" VerticalAlignment="Bottom" FontSize="15" Margin="10,0,10,31" Padding="5,0"  FontWeight="Light" Height="19" HorizontalAlignment="Left" SizeChanged="servername_SizeChanged"/>

我使用的是.NET Framework 4.5,字体是Segoe UI Medium(以及其他一些标签Segoe UI Light),它安装在两个系统上.