Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Web: allow to use Fira Code in editor (Safari)

See original GitHub issue

Open web in Safari with "editor.fontFamily": "Fira Code". the font is not being loaded it seems. Works fine in other browsers.

The only workaround that helped as to directly import the font into the HTML (https://cdn.rawgit.com/tonsky/FiraCode/1.205/distr/fira_code.css). Maybe related to how they define a src for the font and we don’t?

Issue Analytics

State:
Created 4 years ago
Comments:11 (10 by maintainers)

Top GitHub Comments

1reaction

alexdimacommented, Oct 30, 2019

Actually it looks like this is a known limitation, for example designers try to use Figma in the browser with their local fonts… and they need to install an app for that… – https://help.figma.com/article/356-use-local-fonts-with-figma-font-helper

0reactions

Lisandra-devcommented, Jul 7, 2022

Hello! Sorry to bother. I want to know if there is a way to import font (embedded using base64, for example) to change the font in safari ? Using HTML <style> or a CSS file ?

Thank you 😃!

Top Results From Across the Web

Fira Code - Google Fonts

Fira Code is an extension of the Fira Mono font containing a set of ligatures for common programming multi-character combinations. This is just...

Fira Code Font Ligatures Setup Guide in VS Code (on Mac)

In this developer productivity video, we go over how to enable Fira Code font ligatures in Visual Studio Code on Mac.

How to Use Inspect Element in Chrome, Safari, and Firefox

Learn how to view and modify the underlying code of a web page with the inspect element tool in the Chrome, Safari, and...

The Best Font for Programming - JavaScript in Plain English

Enabling Fira Code in your code editor. Since VSCode is the most popular IDE, I'll be showing how to enable Fira Code specifically...

Safari Technology Preview Release Notes - Apple Developer

Web Inspector Extensions. Build custom tooling or convert existing developer tools extensions to use in Web Inspector. Flexbox Inspector. Use the new ...