Skip to main content
J
justusm88372527
Participant
November 22, 2023
Question

Custom font - SVG glyph graphic glitch // Illustrator bug or font bug?

  • November 22, 2023
  • 2 replies
  • 393 views

Hello! I'm no expert in font creation, but I work with 2 custom fonts designed to create special characters for printing. 

 

There is a single glyph in a custom font that appears white with a thin black stroke when viewing zoomed out, or when working with a larger font pt setting.

  • Notes
    • The typeface appears normal after converting to outline.
    • The typeface appears normal when exporting to pngs or other formats.
    • The typeface appears normal when zoomed in or using a larger font. (Bigger font requires less zoom to view properly.)

The glyph in question is the lowercase "F." 

In this custom font, there are no lowercase typefaces. All lowercase glyphs use the exact same SVG source files as the uppercase glyphs.

 

See screenshots for details!

 

 

Thanks for any help, let me know if you've encountered something like this before

   

 

 

    This topic has been closed for replies.

    2 replies

    Monika Gause
    Community Expert
    Monika GauseCommunity Expert
    Community Expert
    November 22, 2023

    The path of the glyph might not be closed or maybe the wrong path direction, wrong fill rule applied and whatnot. But like Bill wrote, this needs to be done in the font editor.

    J
    justusm88372527Author
    Participant
    November 23, 2023

    Thank you Monika, I apologize for being unclear.

    I'm the creator of this font. I have limited working knowledge of font creation, and I used an open source browser font creator called glyphrstudio.

     

    The svg images were built in illustrator.

    Does it seem odd that the SVG appears correctly in the capital F, but not the lowercase F?

     

     

    I will check to see if the glyph is not closed, but it sounds like you're suggesting it could be a number of issues.

    By path direction, is this referring to something called "winding?" 

    If you can think of any other possible issues it could be, that's at least helpful for me to investigate.

    Thanks again for the time

    Monika Gause
    Community Expert
    Monika GauseCommunity Expert
    Community Expert
    November 23, 2023

    Path direction might be called winding, yes.

    Also: the winding rule might matter. Even if it's not a compound path.

    Bill Silbert
    Community Expert
    Bill SilbertCommunity Expert
    Community Expert
    November 22, 2023

    Since this is a custom font it seems like you should be asking the creators of the font this question. It sounds like there is something in the code that they used to create the font that makes accurate screen view an issue for that character. Fortunately for you, though, the actual end use of the font seems to be OK. That seems like the most important thing.

    J
    justusm88372527Author
    Participant
    November 23, 2023

    Thank you Bill, apologies that I was not clear. I am the creator of this font, and I am not a font creator lol. I have limited working knowledge of the process. The SVG was created through illustrator, then uploaded to an opensource web creator called glyphrstudio.com. The SVG is the same file used to create the capital F glyph which appears to be correct.

     

    Perhaps I'll start by recreating the F from scratch and seeing what happens. I'll also investigate the code, maybe I can do so through a code comparing tool. Any other troubleshooting suggestions are appreciated, thank you for taking the time Bill

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices