Bug 160855 – Web Inspector: Update editor monospace font to SF Mono on macOS Sierra

• Status: NEW
• Component: Web Inspector

[Jonathan Wells]

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.

[Alexey Proskuryakov]

<rdar://problem/28213477>

[Nikita Vasilyev]

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.

[Jonathan Wells]

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.