Unable to Apply Font-Size Property to Inline Code #1260
-
|
I modified the default PaperMod font to FiraCode. But it turns out, inline code blocks don't adjust to @font-face {
font-family: 'FiraCode';
src: url('/fonts/FiraCode-Regular.ttf') format('truetype'),
url('/fonts/FiraCode-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
body {
font-family: 'FiraCode', sans-serif;
font-size: 14px;
}
pre, code {
font-family: 'FiraCode', monospace;
font-size: 18px;
}
Note that the inline code looks smaller than the rest, also I had to increment monospace more as compared to sans-serif to compensate for less text-size increase per pixel change, otherwise at equal values FiraCode in the |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Hi I don't know if your problem is still there but try this way : I tested it on my site and it's OK
|
Beta Was this translation helpful? Give feedback.
-
|
Thanks, it worked for me! The font is consistent now. |
Beta Was this translation helpful? Give feedback.
Hi I don't know if your problem is still there but try this way :
I tested it on my site and it's OK