question-mark
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.

pointing to font @ latest causes errors

See original GitHub issue

Detailed description

We use carbon in our application. We keep carbon locked to a specific version so that we can control when we get updates. Part of the testing we do involves visual regression testing (vrt), which can catch the most minor differences a styling change might have. We noticed our vrt tests we being inconsistent, but almost always due to typography. This error is caused by a non-locked version of plex.

in _css–plex-core.scss you create $font-path with this line:

$font-path: 'https://unpkg.com/carbon-components@latest/src/globals/fonts' !default;

But because you choose to use @latest, then any application that ingests Carbon is forced to always use the latest version of plex. Recently there was an update to plex, but not an update to carbon, and now a majority of our vrt tests are failing.

Additional information

screen shot 2018-08-02 at 9 31 17 am screen shot 2018-08-02 at 9 32 05 am

Solution

Lock your $font-path to a specific version of plex

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
joshblackcommented, Aug 14, 2018

I think @asudoh had the idea to warn out in console if the default value is used. That way we don’t break anyone using it, but it can flag improper usage and provide guidance for how to rectify 👍

0reactions
carbon-botcommented, Aug 23, 2018

🎉 This issue has been resolved in version 9.8.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

Read more comments on GitHub >

github_iconTop Results From Across the Web

Finding common font problems automagically - FontForge
FontForge's Find Problems command can help track down some common errors. In some cases it will be able to fix things for you,...
Read more >
Making Sure Your Font Works, Validation
Fonts can have technical errors that prevent them from working or displaying correctly. For example, curves that intersect themselves will not render correctly ......
Read more >
Font Size Problems? Check Here First! - Codecademy
If you find you're getting a really weird font-size reported back to you, such as 18.1818181818px , the problem is that your browser's...
Read more >
Changing label text causes error. How to solve custom font ...
I am using custom font and if I want to change label's text it causes: "Attempted to read or write protected memory.
Read more >
expo-font Makes app throw "unrecognized font family" error in ...
Summary So, basically, after creating a "bare" workflow typescript app, I proceeded to install the following two dependencies: "expo-font": ...
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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found