Detect custom font size

时间:2021-07-08 作者:Nathan Powell

当用户更改块的自定义字体大小时,它会在该HTML元素上直接插入CSS,并在渲染时使用样式属性。

我希望在元素上有一个类,如has-font-size 类似has-background 使用自定义颜色背景时。

因此,似乎无法检测自定义字体大小。

1 个回复
SO网友:Nathan Powell

虽然不能使用CSS检测自定义字体大小,但可以使用以下代码禁用它们:

add_theme_support( \'disable-custom-font-sizes\' );

然后,为了更好地控制字体大小的外观,我们可以使用:

    add_theme_support( \'editor-font-sizes\', array(
        array(
            \'name\'  => \'Small\',
            \'slug\'  => \'small\',
            \'size\'  => \'14px\'
        ),
        array(
            \'name\'  => \'Normal\',
            \'slug\'  => \'normal\',
            \'size\'  => \'18px\'
        ),
        // etc.
    ) );
那么,在哪里sizesmall 在这里,我们制定了如下CSS规则:

    .has-medium-font-size {
        font-size: 14px;
    }
使用这些类,我们可以为大小创建逻辑断点。

可能会帮助有类似问题的人。。。

相关推荐

ADMIN/BACKEND和GET_OPTION的动态CSS文件导致未捕获错误:调用未定义的函数GET_OPTION()

我尝试用动态css设置管理区域的样式。我需要配置一些关于前端用户定义的元素。他可以选择一种颜色,这种颜色应该反映在管理区域的某些元素中(例如,管理区域中的按钮)。我的方法是:设置evacolor。css,但让apache将其解释为php文件。这适用于以下情况:。htaccess与我的颜色位于同一目录中。css:<FilesMatch "\\.css$"> SetHandler application/x-httpd-php Header se