gpt4 book ai didi

css - SIFR 3.0 - 字体大小

转载 作者:行者123 更新时间:2023-11-28 15:01:16 25 4
gpt4 key购买 nike

我使用 SIFR 3.0 已经有一段时间了,但字体大小似乎一直无法正常工作。我了解 SIFR 背后的最基本概念。 SIFR 在您加载页面时运行。它会计算 HTML 呈现字体的大小,然后用大致等于该大小的 Flash 影片替换它。因此,您希望设置 HTML 字体的样式以尽可能接近 SIFR 字体的大小。

当尝试设置这两种字体大小的样式以匹配时,我的问题总是出现。假设我想使用大约 32px 的 Helvetica Neue Lt SIFR 字体。 HTML 等价物类似于 Arial Narrow,大约 36 像素,带有一些负字母间距。这就是我所做的。

在 sifr.css 中我会写:

@media screen {
.sIFR-active h1 {
visibility: hidden;
z-index: 0 !important;
font-size: 36px;
}
}

太好了,它获得了我需要的默认 HTML 字体大小。现在我需要更新 flash SIFR 字体大小。所以我进入 sifr-config.js 并编写如下内容:

sIFR.replace(HelveticaNeueThinCond, {
selector: 'h1',
css: '.sIFR-root { color: #762123; font-size: 32px; line-height: 1em; }',
transparent: true
});

所以现在一切都很好。直到我的 h1 文本换行不止一行。出于某种原因,当文本换行时,它只显示第一行。好像计算的高度不对。这很奇怪,因为我进行了一些测试。我从“sIFR-active h1”中删除了“visibility: hidden”,以确保 HTML 呈现的文本大小合适。是的,它占用两行。但是,当 Flash 替换此文本时,它会为其指定一行文本的最小高度。奇怪。

我能找到解决这个换行问题的唯一方法是删除“font-size: 32px;”来自 sifr-config 中的“sIFR.replace(HelveticaNeueThinCond”。我遇到的问题是它继承了 sifr.css 中设置的字体大小。现在的问题是我的 HTML 文本比 SIFR 文本大。所以偶尔我的 HTML 文本将在我的 SIFR 文本之前换行,留下一个大的空白。

那么,我如何设置两种不同的字体大小(一种用于我的 HTML 文本,一种用于我的 SIFR)而不丢失包装。

我唯一一次能够成功使用 SIFR 字体,因为它与网络安全字体非常相似,以至于它们可以共享相同的字体大小属性。

谢谢


谢谢马克。如前所述,如果我从 sIFR.replace 中删除字体大小,它将默认使用 .sIFR-active 中声明的字体大小。我声明两种不同的字体大小是有原因的,我希望 sIFR.replace 的字体大小为 32px,而 sIFR-active 的字体大小为 26px。这样他们就尽可能匹配。有没有办法让 Flash 字体 (sifr.replace) 的大小与 HTML 字体 (sifr-active) 不同?

是否必须让它们具有相同的字体大小?如果那是真的,那没有多大意义。您还能如何微调这两种字体,使它们占用相同的字母间距/行数?

最佳答案

您似乎在使用 .sIFR-active 类和负字母间距做所有正确的事情。从 sIFR.replace 中删除字体大小和行高,你应该没问题......

关于css - SIFR 3.0 - 字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2031585/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com