Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(chore): font negative line gap to avoid firefox warning #51

Merged

Conversation

mvorisek
Copy link

@mvorisek mvorisek commented Oct 3, 2022

fixes fomantic#2478

How the PR was made:

  1. data URIs were saved into files:

  2. open with FontForge editor
    note Step file (only this one file) has shown
    image
    on open - no action taken

    image

    image

  3. show only available glyphs Encoding menu -> Compact (hide unused glyphs)

  4. change Element menu -> Font Info -> OS/2 -> Metrics tab -> Typo Line Gap from -32 to 0, according to https://www.high-logic.com/fontcreator/manual11/properties-metrics.html it is MacOS specific setting and

    Negative Line Gap values are treated as zero.
    this statement is consistent with Firefox message and behaviour

  5. save it File menu -> Generate Fonts... -> save as WOFF
    when exporting Step font, the following shown
    image
    I changed the size from 1000 to 1024

  6. convert back to data URI with https://base64.guru/converter/encode/file and commit

@mvorisek mvorisek changed the title WIP Fix font negative line gap Fix font negative line gap Oct 3, 2022
@mvorisek
Copy link
Author

mvorisek commented Oct 3, 2022

PR is done and targetting fomantic#2480, feel free to squash the changes before merge (can be done easily via GH UI when merging)

Copy link
Owner

@lubber-de lubber-de left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks a lot for doing this! 👍🏼

@lubber-de
Copy link
Owner

lubber-de commented Oct 3, 2022

For reference, her is a jsfiddle to test the changes. Everything looks as before 🙂 Only the firefox warning is gone.
https://jsfiddle.net/lubber/au8kdrf7/12/
Great job @mvorisek !

@lubber-de lubber-de changed the title Fix font negative line gap fix(chore): font negative line gap to avoid firefox warning Oct 3, 2022
@lubber-de lubber-de merged commit b8c7e08 into lubber-de:firefoxTrueType Oct 3, 2022
@mvorisek mvorisek deleted the fix_font_negative_line_gap branch October 3, 2022 14:54
lubber-de added a commit to fomantic/Fomantic-UI that referenced this pull request Oct 4, 2022
As woff files are supported everwhere since IE11, i removed all eot,ttf,svg files and their references. Also adjusted some according theme references to match the new LESS-map icon generation

This PR also adjusts the negativ linegap issue. Thanks to @mvorisek which kindly added his fixes into this PR directly via lubber-de#51
Co-authored-by: Michael Voříšek <mvorisek@mvorisek.cz>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants