Question

我有一个循环遍历目录中所有CSS文件的函数，并查找@font-face 如果找到任何@font-face块，我想从中提取font-family和font-weight 下面的代码是我到目前为止所做的：

function get_local_fonts() {
    $output = array();
    $path_to_search = trailingslashit(get_template_directory());
    foreach(glob_recursive($path_to_search . '*.css') as $file) {
        $content = file_get_contents($file);
        preg_match('/(\@font-face)([^}]+)(\})/', $content, $matches, PREG_OFFSET_CAPTURE);

        if (!empty($matches)) {
            preg_match('/(font-family:)([^;]*)/', $matches[2][0], $font_family, PREG_OFFSET_CAPTURE);
            preg_match('/(font-weight:)([^;]*)/', $matches[2][0], $font_weight, PREG_OFFSET_CAPTURE);

            $output[] = array(
                'file_path' => $file,
                'font-family' => trim($font_family[2][0]),
                'font-weight' => array(trim($font_weight[2][0])),
            );
        }
    }

    return $output;
}

此preg_match('/(\@font-face)([^}]+)(\})/', $content, $matches, PREG_OFFSET_CAPTURE);会返回包含@font-face { ... }

的每个CSS文件

我的函数适用于只有一个@font-face匹配的CSS文件，但是如果在一个CSS文件中只有4个匹配@ font-face，我的函数只会添加其中一个。
例如（css文件内容）：

@font-face
{
    font-family: "din";
    src: url("din-webfont.eot");
    src: url("din-webfont.eot?#iefix") format("embedded-opentype"),  url("din-webfont.woff") format("woff"), url("din-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: "din";
    src: url("din_bold-webfont.eot");
    src: url("din_bold-webfont.eot?#iefix") format("embedded-opentype"), url("din_bold-webfont.woff") format("woff"), url("din_bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

我想得到这样的输出：

Array
(
    [0] => Array
        (
            [font-family] => 'din'
            [font-weight] => Array
                (
                    [0] => 'normal',
                    [1] => 'bold'
                )

        )
)

请注意，@font-face可能与font-family相同但font-weight不同
得出结论：
如何遍历包含

的所有CSS文件

@font-face { 
    font-family: something;
    font-weight: something;
}

从中提取font-family和font-weight？

Answer 1

使用类似的东西：

$fontregex = '~@font-face[^}]*?font-family:\s*"([^"]+)"[^}]*?font-weight:\s*([^;]+);[^}]*?font-style:\s*([^;]+);~';
preg_match_all($fontregex, $mycss, $matches,PREG_SET_ORDER);
print_r($matches);

请参阅 online php demo 底部的输出。你必须以适合你的方式将$matches的结果归结为最终数组。

目前，结构如下：

Array
(
    [0] => Array
        (
            [0] => @font-face
{
    font-family: "din";
    src: url("din-webfont.eot");
    src: url("din-webfont.eot?#iefix") format("embedded-opentype"),  url("din-webfont.woff") format("woff"), url("din-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
            [1] => din
            [2] => normal
            [3] => normal
        )

    [1] => Array
        (
            [0] => @font-face
{
    font-family: "din";
    src: url("din_bold-webfont.eot");
    src: url("din_bold-webfont.eot?#iefix") format("embedded-opentype"), url("din_bold-webfont.woff") format("woff"), url("din_bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
            [1] => din
            [2] => bold
            [3] => normal
        )

)

从CSS文件中提取@ font-face的font-family和font-weight

1 个答案: