有没有办法让我的“斜杠”与字体

时间:2015-05-06 00:25:24

标签: html css fonts photoshop

我使用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捕获: enter image description here

1 个答案:

答案 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: "//";
}