gpt4 book ai didi

html - 使用具有特定字体和样式的 Bootstrap 创建页面

转载 作者:太空宇宙 更新时间:2023-11-04 13:21:45 25 4
gpt4 key购买 nike

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

  1. 当我在本地服务器上测试代码时,字体大小接近我想要的图像,当在 jsfiddle 上测试时,元素和位置的字体大小变化也发生变化。有什么原因吗?

  2. 为什么hr没有出现黄色

  3. 如何让 Angular 色保持 vuvua 特定颜色?

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

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

enter image description here

最佳答案

您遇到的问题是该字体不是任何系统上可用的标准字体。要包含非标准字体,您将引用该字体并在不可用时强制下载它。

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

安迪

关于html - 使用具有特定字体和样式的 Bootstrap 创建页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24031740/

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