Bug 160855 - Web Inspector: Update editor monospace font to SF Mono on macOS Sierra
Summary: Web Inspector: Update editor monospace font to SF Mono on macOS Sierra
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-08-15 11:58 PDT by Jonathan Wells
Modified: 2020-06-25 14:02 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jonathan Wells 2016-08-15 11:58:57 PDT 
Code views are using Menlo. Given that Xcode is moving to SF Mono, Web Inspector should follow suit. 

Tested on Safari Technology Preview on macOS.
Comment 1 Alexey Proskuryakov 2016-09-08 13:56:19 PDT 
<rdar://problem/28213477>
Comment 2 Nikita Vasilyev 2017-01-23 14:05:42 PST 
I'm not sure how to use "SF Mono" on a web page. Somehow it doesn't appear in Font Book. I've tried:

    font-family: SF Mono;

And it didn't work.

Some people on Stackoverflow have mentioned:

    font-family: SF Mono Regular; 
    font-family: SFMono-Regular;

But it didn't work either.
Comment 3 Jonathan Wells 2017-01-23 14:48:55 PST 
I doubht it is possible yet. Those users may have manually added SF Mono to their systems. Safari would have to somehow offer the font to Web Inspector in a similarly special way as Xcode, Playgrounds, and Terminal do to users. 

(In reply to comment #2)
> I'm not sure how to use "SF Mono" on a web page. Somehow it doesn't appear
> in Font Book. I've tried:
> 
>     font-family: SF Mono;
> 
> And it didn't work.
> 
> Some people on Stackoverflow have mentioned:
> 
>     font-family: SF Mono Regular; 
>     font-family: SFMono-Regular;
> 
> But it didn't work either.