我使用Gotham字体,如果您访问此网站:http://fctrs.com并看到“// Value 部分标题,您会看到”// < / strong>比文本更大的高度。
我正在使用这个CSS:
.section .subheading
{
font-family: "Gotham Bold";
font-size: 130px;
color: #c12330;
text-transform: uppercase;
margin-bottom: 10px;
margin-right: -12px; /* offset letter-spacing */
/*line-height: 1em;*/
}
.section .subheading.left-slashes:before
{
letter-spacing: -35px;
margin-right: 30px;
content: "//";
}
我希望“//”与“值”文本的高度相同。
我应该将此视为字体问题吗?我的“Gotham Bold”字体资产提供的“//”与Font资产中AlphaNumberic字符的高度不同?
我试图模仿这个PSD捕获:
答案 0 :(得分:3)
Landing.css line#845 - 850改变了这个
.section .subheading.left-slashes:before
{
letter-spacing: -25px;
margin-right: 30px;
content: "//";
}
到
section .subheading.left-slashes:before {
vertical-align: top;
font-size: 0.75em;
margin-right: 30px;
content: "//";
}