草庐IT

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

我一直在寻找一个小时的答案,但没有运气。我使用“line-height”CSS属性将文本在框内垂直居中。这适用于标准安全字体,也适用于Windows上的“@font-face”字体嵌入。然而,在Mac上,使用“@font-face”的这种居中方式存在问题。请参阅:http://cl.ly/QBlE/o我不知道该怎么办。解决此问题的唯一方法是为Mac使用不同的行高。但据我所知,如果没有JavaScript或服务器端编程,这是不可能的,而且似乎不是适合我的解决方案。示例(顶部的蓝色框):#header.login{text-decoration:none;margin:11px9px09p

html - 为什么 Windows 和 Mac OS X 上的行高存在 @font-face 差异?

我一直在寻找一个小时的答案,但没有运气。我使用“line-height”CSS属性将文本在框内垂直居中。这适用于标准安全字体,也适用于Windows上的“@font-face”字体嵌入。然而,在Mac上,使用“@font-face”的这种居中方式存在问题。请参阅:http://cl.ly/QBlE/o我不知道该怎么办。解决此问题的唯一方法是为Mac使用不同的行高。但据我所知,如果没有JavaScript或服务器端编程,这是不可能的,而且似乎不是适合我的解决方案。示例(顶部的蓝色框):#header.login{text-decoration:none;margin:11px9px09p

html - 有没有更好的方法来实现多个@font-faces?

我的代码是,@font-face{font-family:Affogato-Light;src:url("fonts/Affogato-Light.woff2")}@font-face{font-family:Affogato-Regular;src:url("fonts/Affogato-Regular.woff2")}@font-face{font-family:Affogato-Medium;src:url("fonts/Affogato-Medium.woff2")}@font-face{font-family:Affogato-Bold;src:url("fonts/Affo

html - 有没有更好的方法来实现多个@font-faces?

我的代码是,@font-face{font-family:Affogato-Light;src:url("fonts/Affogato-Light.woff2")}@font-face{font-family:Affogato-Regular;src:url("fonts/Affogato-Regular.woff2")}@font-face{font-family:Affogato-Medium;src:url("fonts/Affogato-Medium.woff2")}@font-face{font-family:Affogato-Bold;src:url("fonts/Affo

html - 在 CSS 中使用 @font-face 使用 OS 9 资源分支字体

我有一些旧的OS9字体,其中包含资源分支中的字体数据。当我尝试在@font-face中链接此类字体并在浏览器中打开HTML时,文本仍以默认字体显示。在四处搜索时,我发现可以使用rsrc属性将字体数据复制到常规的ttf文件中。所以我运行了命令cp/rsrc-attr.ttf并尝试在@font-face中链接新文件。同样,文本以默认字体显示。关于stackoverflow的另一个讨论建议使用xattr-p|xxd-r>-xxd.ttx二进制打印和复制数据.再次链接此文件无法更改字体。为了确保HTML是正确的,我从同一目录链接了一个更新的ttf字体并且它工作正常。有谁知道旧字体是否可以在@f

html - 在 CSS 中使用 @font-face 使用 OS 9 资源分支字体

我有一些旧的OS9字体,其中包含资源分支中的字体数据。当我尝试在@font-face中链接此类字体并在浏览器中打开HTML时,文本仍以默认字体显示。在四处搜索时,我发现可以使用rsrc属性将字体数据复制到常规的ttf文件中。所以我运行了命令cp/rsrc-attr.ttf并尝试在@font-face中链接新文件。同样,文本以默认字体显示。关于stackoverflow的另一个讨论建议使用xattr-p|xxd-r>-xxd.ttx二进制打印和复制数据.再次链接此文件无法更改字体。为了确保HTML是正确的,我从同一目录链接了一个更新的ttf字体并且它工作正常。有谁知道旧字体是否可以在@f

html - @font-face 和错误的字母跟踪/间距

我在构建网站时遇到了使用@font-face的问题。字体安装在我的电脑上,我是从fontsquirrel.com下载的。如果我使用安装在我的PC中的版本(Journal),一切正常,您可以从以下屏幕截图中看到:(来源:valeriobulla.it)但是,一旦我切换到@font-face版本,字母的跟踪(特别是Ts)就不同了,看起来很破:(来源:valeriobulla.it)这是@font-face(从fontsquirrel下载的字体套件)的代码:@font-face{font-family:'JournalRegular';src:url('journal-webfont.eot

html - @font-face 和错误的字母跟踪/间距

我在构建网站时遇到了使用@font-face的问题。字体安装在我的电脑上,我是从fontsquirrel.com下载的。如果我使用安装在我的PC中的版本(Journal),一切正常,您可以从以下屏幕截图中看到:(来源:valeriobulla.it)但是,一旦我切换到@font-face版本,字母的跟踪(特别是Ts)就不同了,看起来很破:(来源:valeriobulla.it)这是@font-face(从fontsquirrel下载的字体套件)的代码:@font-face{font-family:'JournalRegular';src:url('journal-webfont.eot

html - @font-face 没有加载字体

我正在尝试使用@font-face但由于某种原因它无法工作(IE9、Chrome和Firefox)。我已确保在加载字体时指向正确的目录,但它似乎仍然不起作用。这是我的代码:@font-face{font-family:'test';src:url('../fonts/FontName.ttf'),url('../fonts/FontName.eot');font-weight:normal;font-style:normal;}并调用它:#header{text-align:left;padding:10px;font-family:test;}我做错了什么?

html - @font-face 没有加载字体

我正在尝试使用@font-face但由于某种原因它无法工作(IE9、Chrome和Firefox)。我已确保在加载字体时指向正确的目录,但它似乎仍然不起作用。这是我的代码:@font-face{font-family:'test';src:url('../fonts/FontName.ttf'),url('../fonts/FontName.eot');font-weight:normal;font-style:normal;}并调用它:#header{text-align:left;padding:10px;font-family:test;}我做错了什么?