|
Hey all, I am trying to change the look and feel of a <pre> tag and it refuses to change the font. Any help would be great.
Here is my customization for <pre>. It adheres to size but ignores font-family and wants to keep it as "monospace".
.reveal pre {
display: block;
position: relative;
width: 90%;
margin: 20px auto;
text-align: left;
font-size: 1em;
font-family: 'Source Code Pro';
line-height: 1.2em;
word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word;
}
|