@font-face规则在其中是否可用'；s定义的CSS文件或在其他CSS文件和内联CSS代码中可用？_Css_Font Face

@font-face规则在其中是否可用'；s定义的CSS文件或在其他CSS文件和内联CSS代码中可用？

css

@font-face规则在其中是否可用'；s定义的CSS文件或在其他CSS文件和内联CSS代码中可用？,css,font-face,Css,Font Face,我有一堆CSS文档，有一些@font-face规则，我想检查这些@font-face在HTML文档或网站中使用和未使用。那么，我应该检查它定义的CSS文档中使用的@font-face还是HTML文档中所有带有内联样式标记的CSS文档问题是,这, 文件名：style.css 文件名：other-style.css 文件名：index.html /*这个.custom类CSS选择器可以在style.CSS中使用@font-face吗*/ .定制类{ 字体系列：“FontAwesome”，字体大

我有一堆CSS文档，有一些

@font-face

规则，我想检查这些

@font-face

在HTML文档或网站中使用和未使用。那么，我应该检查它定义的CSS文档中使用的

@font-face

还是HTML文档中所有带有内联样式标记的CSS文档

问题是,这,

文件名：style.css 文件名：other-style.css 文件名：index.html


/*这个.custom类CSS选择器可以在style.CSS中使用@font-face吗*/
.定制类{
字体系列：“FontAwesome”，
字体大小：正常
}
您好

是的，只要你想在任何地方使用你的网页字体，比如你使用

链接的方式，只要你在这里包含style.css，你这里的一切都会正常工作。您的@font-face
规则与任何其他CSS规则一样，不必出现在与引用它的CSS规则相同的样式表中，也不必出现在任何具有内联样式的HTML中。
遗憾的是，没有文件是不同的，因此您无法在CSS中执行此操作。您可以试用SASS，它允许您创建部分文件并共同形成CSS文件。@Joykal Infotech:不是这样的。即使它们位于单独的文件中，只要您将它们全部包含在内，无论是在问题中所示的HTML中使用链接
，还是在CSS中使用@import，它都将仍然有效。你不需要为这些事大喊大叫。
@font-face {
    font-family:'FontAwesome';
    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
    url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
    url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
    url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
    url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight:normal;
    font-style:normal
}

/* This tag can use the @font-face, because this .any-class rule in same CSS document */
.any-class {
    font-family: 'FontAwesome',
    font-weight: normal;
}

/* Can this CSS Class use the @font-face in style.css ? */
.any-other-class {
    font-family: 'FontAwesome',
    font-weight: normal;
}

<html>
<head>
    <link rel="stylesheet" href="style.css">
    <style>
        /* Can this .custom-class CSS Selector use @font-face in style.css ? */
        .custom-class {
            font-family: 'FontAwesome',
            font-weight: normal
        }
    </style>
</head>
<body>
    <!-- Can this DOM Element use @font-face in style.css? -->
    <p style="font-family: 'FontAwesome'; font-weight: normal;">Hello!</p>
</body>
</html>