使用具有特定字体和样式的引导程序创建页面

时间：2014-06-04 07:43:38

标签： html css twitter-bootstrap

我正在尝试使用字体Orator Std，但它没有正确显示。 更多，

  1. 当我在本地服务器上测试代码时，字体大小接近我想要的图像，当在jsfiddle上测试时，元素和位置的字体大小更改也会发生变化。有什么理由吗？

  2. 为什么hr不会以黄色显示

  3. 如何在vuvua特定颜色中使用角色？

    4. JSFIDDLE：http://jsfiddle.net/ewGXv/

    我希望我的页面看起来类似于：

    enter image description here

1 个答案:

答案 0 :(得分：1)

您遇到的问题是该字体不是任何系统上可用的标准字体。要包含非标准字体，您将引用该字体并强制下载（如果不可用）。

例如，要使用Google的字体API中的字体，您可以：

<html>
<head>
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow' rel='stylesheet' type='text/css'>
<style>
    body {
        font-family: 'PT Sans Narrow', sans-serif;
        font-size: 48px;
    }
</style>
</head>
<body>
    <div>Sample text</div>
</body>
</html>

如果您特别需要Orator，并且无法在Google的Font API等服务上进行托管加载，那么您需要自行下载并托管。

增加： 虽然不完美，但这是您所需要的90％。我会让你根据自己的需要调整布局和样式。 A rough example of the layout

安迪

相关问题
最新问题