Issue
A
p {
font-family: monospace;
}
<p>
this is a paragraph
</p>
simple font-family css style set, however it's showing different fonts in chrome and firefox, and I'm wondering why
Solution
The browser (or the system) decides which font it will use for the font-family you give it.
I see a slight difference in Safari (on the right) but they are the same on my Chrome and Firefox on OSX:
Right-click on the element and choose inspect. Go to "Computed"
- In Chrome when I scroll down I see "Rendered Fonts: Menlo - Local file"
- In Firefox and Safari I need to go to Fonts on the right and in FX I see "Menlo Regular"
- In Safari I see it is using "Courier"
Menlo is the native OSX monospaced font used in native applications like terminal. Why Safari has chosen to not use the same font is interesting.
Answered By - mplungjan
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.