enter image description here

Here is my customized twenty-fourteen css.

/*
 Theme Name:   Twenty Fourteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fourteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfourteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fourteen-child
*/

pre{
    font-family:DejaVu Sans Mono !important;
    font-size:16px;
    border:4px solid red;
}

The default font-family was set as DejaVu Sans Mono in firefox–preference–content–fonts and colors.

1.Other characters such as sidebar was displayed as font-family:DejaVu Sans Mono.

2.The font-family displayed as font-family:DejaVu Sans Mono when to inspect with firebug.

3.border:4px solid red; take effect.

Why the font-family and font-size in pre css can’t take effect?

Read more here: Why the font-family and font-size in pre css can’t take effect?


Solution:

If you know the solution of this issue, please leave us a reply in Comment section, to update the question.


Wordpress related questions and answers: