有没有办法让我的 "slashes" 与字体大小相同

Question

我使用的是 Gotham 字体，如果您访问此网站：http://fctrs.com 并查看 "//Value 部分 header，您将看到"// 的高度比文本高。

我正在使用这个 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: "//";
    }

我希望“//”与 "Value" 文本的高度相同。

我应该认为这是字体问题吗？我的 "Gotham Bold" 字体资产传送“//”的高度与字体资产中字母数字字符的高度不同？

我正在尝试模拟此 PSD 捕获：

Answer 1

Landing.css 第 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: "//";
}

有没有办法让我的 "slashes" 与字体大小相同

Is there any way to get my "slashes" to be the same size as the Font

html

css

fonts

photoshop