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.

[Docs]: Change logo text to vector path

See original GitHub issue

Describe the bug The logo text (chakra) looks off when I view it on browser/mobile phone. Inter font needs to be installed in the system to view the font correctly.

Expected behavior Logo text should be rendered correctly on any device without installing the font.

Screenshots Inter font is not installed in the system: image

Inter font is installed in the system (still looks off though): image

Desktop (please complete the following information):

  • OS: MacOS Mojave
  • Browser Chrome
  • Version 83

Additional context To fix this, the logo text needs to be converted to vector paths (outlines) using any vector graphics editor.

I already prepared a fix for this, this is what I came up to. Let me know so that I can create a PR for this issue.

Light mode image

Dark mode image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

codebender828commented, Jun 9, 2020

Yes of course. Thank you, @jbienesdev . Nice catch!

jbienesdevcommented, Jun 9, 2020

Cool! @codebender828 I also noticed a typo on the front page. Can I include it with the PR?

verison -> version image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Convert text to vector paths – Figma Help Center
Convert any of your text layers into vector paths. When you convert text to a vector path, you will no longer be able...
Read more >
Create text designs along a path - Adobe Support
Tap in the taskbar and choose (Type on path). You can use the touch shortcut to add text on a path, hold the...
Read more >
Convert text to vector paths in C# - Aspose.SVG
Text vectorization is the process of converting text into a variety of vector paths and geometrical forms. You can use different fonts and...
Read more >
<text> - SVG: Scalable Vector Graphics - MDN Web Docs
The SVG <text> element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, ...
Read more >
Using Adobe Illustrator How to Convert Text to Outlines
This is why you'll find that fonts within most vector logos (containing text) will have been converted to outlines, or paths. This effectively...
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