尝试使用＆＃39; Tw Cen MT Condensed Extra Bold＆＃39; CSS中的字体

Question

在我的网站上，我希望我的标题使用＆＃39; Tw Cen MT Condensed Extra Bold＆＃39;字体。但是，我只能使用＆＃39; Tw Cen MT Condensed＆＃39;即使添加了粗体效果，它看起来也不一样。我在photoshop中创建了横幅，现在我想在CSS中复制文本。

以下是我在Fiddle上的当前代码的链接。下面是我想通过Photoshop创建的文本示例。

另外，有没有办法可以将我背景中的相同模式包含在文本中？

如果所有其他方法都失败了，我可以将文本本身作为图像上传到网站上，但我只会这样做作为最后的手段。

感谢。

Link to Fiddle

Banner I want to create

Answer 1

您需要找到该字体的网络字体版本以获得最佳效果，您可以谷歌搜索它，或者如果该字体的许可证允许您创建一个，您可以这样做。

好的是

http://www.fontsquirrel.com/tools/webfont-generator

您必须将这些文件与html和css一起加载才能加载，否则没有字体的人将无法看到该字体，系统将默认为一种不同的字体。

Answer 2

不幸的是，它不会起作用，因为字体是非标准的＆＃34; - 正如已经解释的那样。

要获得所需的外观，请在图像编辑器中创建所需的文本横幅（Photoshop？）并将其另存为＆＃34; .png＆＃34;图像文件，指导Photoshop保持透明度＆＃34; （我使用的是不同的图像编辑器，因此在Photoshop中命令措辞可能会有所不同）。要最小化文件大小，请将图像框条设置为尽可能接近字体（区域a＆＃34; .png＆＃34;覆盖范围越大，文件大小越大 - 包括空白区域 - 以及大小差异似乎以指数方式[按平方]增加。）

你要做的就是操纵div中文本横幅的位置（浮动，填充，边距等）。

我知道这不是您想要的答案，但它确实有效 - 而且您不必担心不同浏览器，脚本拦截器等的应急代码（您仍需要编码）对于仍然阻止图像和可访问性标准的少数人，但恕我直言，它比编写应急代码更有效 - 更清晰 - 并且必须考虑到这种字体与您最宽/最窄的应变字体之间的可变性指定家庭。

您的网页的至少一部分将在几乎所有浏览器中呈现相同的内容。