However, Gutenberg also allows you to assign an “individual color” to individual sections of text out of the box. This way, the separation of topics is preserved if necessary, the classes can be overwritten or muted afterwards. If you assign one of the predefined text colors to a block, the editor only adds a few CSS classes. Gutenberg has a predefined color palette that can be adapted to the color scheme of the theme. The modern Gutenberg editor offers a viable middle ground. This usually quickly leads to an inconsistent appearance and is therefore not a good idea. If you copy suitable color values from there for your own WordPress site, you can’t go wrong.ĭepending on the editor used, it is possible to change the font color in WordPress without using CSS. The already mentioned Tachyons framework comes with a mature color table including some high-contrast combinations. Fortunately, contrast values can be calculated for combinations of text and background color. Only then will the texts be legible effortlessly. When in doubt: Less is more.įor better usability, it is essential to ensure a sufficiently high contrast ratio. An inconsistent or poorly coordinated color scheme has an unsettling effect and can downright scare away page visitors. Therefore, it is important to stay consistent and not use too many colors on a page. Colors convey emotions to a special extent. Generated files must be integrated into theme and customized if necessary requires special knowledge.įont color, like font type, is an essential design element. Works with fonts that are not publicly hosted greatest degree of control of generated font files and rules. Large degree of control, including FOUT fix.Ĭreating webfont with a generator and integrate into theme. Requires access to theme or functions.php. ![]() ![]() Requires installation of another plugin less control compared to manual method and webfont generator.īetter site performance as stylesheets are minimized and concatenated. Simple operate from WordPress dashboard works with fonts that are not publicly hosted. Requires access to theme or WordPress headers may be bad for site performance as stylesheet is loaded as a separate resource. Simple, supported by Google Fonts requires access to WordPress headers only may benefit site performance if external stylesheet is retrieved from cache. Simple, supported by Google Fonts requires access to stylesheet only.īad for site performance may prevent parallel loading of stylesheets.
0 Comments
Leave a Reply. |