📜  如何为同一个字体添加多个字体文件?

📅  最后修改于: 2021-08-31 02:29:46             🧑  作者: Mango

@字体脸
在 CSS 中,它是指定自定义字体的规则。这使我们能够将范围扩展到网络安全字体之外。
在这个规则中,必须先定义@font-face,然后才能让网页元素根据需要引用它。

客观的:
在相同的字体名称下定义多个字体文件。
以一种更容易理解的方式构建它,我们在这里尝试做的是,如果我们想以多种其他方式显示特定字体,如粗体、斜体等,传统上我们必须单独定义它们。但是,在这里我们将研究一种将这些字体文件合并为一个字体名称的方法。

以下示例显示了通常如何使用相同的不同字体文件:

示例 1:



   
    
    
    
        geeks for geeks
        
geeks for geeks
        
geeks for geeks
        
geeks for geeks
    

输出:

在上面的程序中,对于每个相同字体的字体文件,我们不得不定义多个不同名称的文件,然后相应地引用它们。

这段代码描述了如何通过使用单个字体名称来使用多个文件。
这些更改需要在特定字体文件的提取 CSS 文件中完成。

示例 2:



    
        
    
    
        geeks for geeks
        
geeks for geeks
        
geeks for geeks
        
geeks for geeks
    

输出: