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.

Can I import Plex glyphs with Carbon?

See original GitHub issue


We recently ran into an issue on the “Let’s Create” rebrand on

On Safari, the design team noticed that the curly arrow glyph ↷, which appears on many new pages, does not render correctly in Safari.

We were able to fix this by adding the following to the <head>:


The only downside to this approach is that the font is loaded again. We are also using the following in the SCSS like so:

@import "~@carbon/type/scss/font-face/mono";
@import "~@carbon/type/scss/font-face/sans";
@include carbon--font-face-mono();
@include carbon--font-face-sans();

What is the best-practice approach to including glyphs on

Relevant information


Name and organization

Alex Motzenbecker IBM/Ogilvy

Code of Conduct

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (5 by maintainers)

github_iconTop GitHub Comments

kennylamcommented, Mar 30, 2022

@mstudio @proeung New issue #8661 created to track this bug.

proeungcommented, Mar 29, 2022

@kennylam Yay! Looks like the two imports that you’ve suggested are working correctly on Safari. See CodeSandbox example -

I’ll update the documentation of this component so that adopters like AEM can use the proper plex imports to show the correct glyphs! Thanks, @kennylam!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Typography can help create clear hierarchies, organize information ... Use the Carbon type package to leverage IBM Plex across your product.
Read more >
carbon/ at main
In v11, this is available through @carbon/styles/index.scss which can be directly imported with @use by writing out: @use '@carbon/styles';.
Read more >
05 Specs | IBM Plex
With four subfamilies, eight weights, two styles (roman & italic), and 100 Languages, IBM Plex® can do just about anything you need it...
Read more >
Carbon uses the open-source typeface IBM Plex. It has been carefully designed to meet IBM's needs as a global technology company and reflect...
Read more >
Google Fonts: IBM Plex Sans
Plex's three designs work well independently, and even better together. Use the Sans as a contemporary compadre, the Serif for editorial storytelling, or...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found