Html 使用特定字体和样式的引导创建页面_Html_Css_Twitter Bootstrap

Html 使用特定字体和样式的引导创建页面

html css twitter-bootstrap

Html 使用特定字体和样式的引导创建页面,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图使用fontOrator Std，但它没有正确显示。更当我在本地服务器上测试代码时，字体大小接近我在图中想要的大小，当在JSFIDLE上测试时，元素的字体大小和位置也会改变。有什么原因吗为什么hr不显示为黄色如何持续使用VuA特定颜色的字符 JSFIDDLE：我希望我的页面看起来类似于：您遇到的问题是，该字体不是任何系统上可用的标准字体。要包含非标准字体，您将引用该字体，如果不可用，则强制下载该字体例如，要使用Google字体API中的字体，您可以： <html>

我试图使用font

Orator Std

，但它没有正确显示。更

当我在本地服务器上测试代码时，字体大小接近我在图中想要的大小，当在JSFIDLE上测试时，元素的字体大小和位置也会改变。有什么原因吗

为什么hr不显示为黄色

如何持续使用VuA特定颜色的字符

JSFIDDLE：

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

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

例如，要使用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>


身体{
字体系列：“PT Sans Rown”，无衬线；
字体大小：48px；
}
示例文本

如果您特别需要Orator，但它无法在Google的Font API之类的服务上进行托管加载，那么您需要自己下载并托管它

增加：虽然不完美，但这是你需要的90%。我会让你根据自己的需要调整布局和样式

安迪

给你一把小提琴：祝你好运@伙计，复制粘贴了我自己的小提琴：）F***！处理不当！很抱歉，我将更新我的帖子。我已经更新了我的原始帖子，以显示如何将每行的最后字符设置为黄色，以及如何处理黄色规则。只需“显示来源”在上面的链接上，你可以看到我是如何做到的。我想这是因为我用来制作第一个字符库的脚本。你的链接是你机器的本地链接，所以我看不到它们。如果您正在使用脚本修改可能会干扰的第一个字符。好的解决方案可能会有所帮助。