字体显示不正确

Question

这是我需要包含的字体：https://www.whatfontis.com/FF_Lobster-Two-Bold-Italic.font

这是我尝试过的CSS：

@font-face
{
    font-family: 'LobsterTwo';
    src: url("/fonts/LobsterTwo-BoldItalic.ttf")  format('truetype'),
}

#id{
    font-family: 'LobsterTwo';
}

它确实有作用，但是只会使文本变大。

其他一些问题：

1. 我需要八个四乘四的照片链接，它们之间没有空间以占据整个宽度，我给两行都设置了100％的宽度，但它们在右边没有空间。
2. 我在三个Bootstrap列中需要<hr>行，它们延伸到列之外，我不能用一定的宽度限制它们。 我给了.navbar-brand和.navbar-collapse左右边负数。当我调整窗口大小时，它们会看不见并向后滑动，有没有办法使边距保持稳定？
3. 页脚的右边和下面有一些空白。我在这里找到几个线程来解决此问题，但是我尝试过的所有解决方案都没有。

Answer 1

尝试添加一个

(2,)

位于您的网络文件（顶部），然后

(3,4)

使用CSS代码中的

强制在浏览器中刷新文件路径。 我不知道原因，但是应该理清您的第一个问题。