得到一个厚厚的h1

时间:2017-06-28 03:54:15

标签: html css bootstrap-4 heading

我已经做了很长一段时间的网站设计,但有一件事让我感到非常难过是人们如何实现THICK大胆的h1效果。 这是我的意思的一个很好的例子 -

enter image description here

即使应用了700的字体重量,它总是看起来很薄(无论我选择哪种字体) -

enter image description here

当我发现它是如何完成时,我可能会感到非常愚蠢。

3 个答案:

答案 0 :(得分:2)

您需要尝试不同的字体。示例图片中的那个看起来类似于Bebas Neue

但是,通过右键单击文本并在Chrome中选择Inspect Element,您也可以非常轻松地查看CSS用于实现该效果的确切内容。

通过Google搜索确切的文字,我找到了website you were looking at,从中可以看出他们正在使用自定义字体DriveTribe

example

答案 1 :(得分:0)

您是否尝试使用<b></b><strong></strong>代码将文字加粗?

p {
 background-color: black;
 color: white;
 font-size: 60px;
 font-family: Verdana
}
<p><strong>This is a text</strong></p>

答案 2 :(得分:0)

检查字体是否有较重的样式。例如,我使用的是默认样式(即“常规”),但没有意识到还有其他可用样式:https://fonts.google.com/specimen/Montserrat