css - Rubik Black无法正常工作或无法加载

我从https://www.fontsquirrel.com/fonts/rubik下载了Rubik字体，得到了zip文件，解压缩后得到了7-8个Rubik ttf文件。
一些文件名是Rubik-Black，Rubik-Medium等。

我已经在CSS中尝试过类似的方法，但是它不起作用：-

body {
    font-family: Rubik-Bold !important;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: .08em;
    color: #7a8282;
    }

现在，我不知道如何在我的网站上安装它。

最佳答案

在<link href='https://fonts.googleapis.com/css?family=Rubik:400,500,400italic,700' rel='stylesheet' type='text/css'>之前添加</head>。然后像这样使用：

font-family: 'Rubik';

大胆：

font-family: 'Rubik';
font-weight: 700;

对于斜体：

font-family: 'Rubik';
font-style: italic;