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(themes): use only woff files and fix firefox font line gap warning #2480

Merged
merged 3 commits into from
Oct 4, 2022

Conversation

lubber-de
Copy link
Member

@lubber-de lubber-de commented Oct 3, 2022

Description

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

Closes

#2478
#1254
Semantic-Org/Semantic-UI#2146

@lubber-de lubber-de added type/bug Any issue which is a bug or PR which fixes a bug lang/css Anything involving CSS state/awaiting-reviews Pull requests which are waiting for reviews browser/firefox Any issues relating to Mozilla Firefox labels Oct 3, 2022
@lubber-de lubber-de added this to the 2.9.0 milestone Oct 3, 2022
@mvorisek
Copy link
Contributor

mvorisek commented Oct 3, 2022

I am very sorry, the truetype removal does not fix the downloadable font: OS/2: Bad sTypoLineGap... console error, the error was only not shown after reload, full reload using ctrl+F5 is required to test properly. I am trying to figure out the real problem/solution.

@lubber-de
Copy link
Member Author

I am very sorry, the truetype removal does not fix the downloadable font: OS/2: Bad sTypoLineGap... console error, the error was only not shown after reload, full reload using ctrl+F5 is required to test properly. I am trying to figure out the real problem/solution.

Doesnt matter. THiS PR is still valid in case of not using ttf/eot/svg anymore. i'll adjust the PR description

fixes fomantic#2478

How the PR was made:

1. data URIs were saved into files:
   - [DropdownFont.woff](https://github.com/lubber-de/Fomantic-UI/files/9696395/DropdownFont.woff.zip)
   - [CheckboxFont.woff](https://github.com/lubber-de/Fomantic-UI/files/9696397/CheckboxFont.woff.zip)
   - [AccordionFont.woff](https://github.com/lubber-de/Fomantic-UI/files/9696398/AccordionFont.woff.zip)
   - [StepFont.woff](https://github.com/lubber-de/Fomantic-UI/files/9696400/StepFont.woff.zip)
   - [DocsFont.woff](https://github.com/lubber-de/Fomantic-UI/files/9696693/DocsFont.woff.zip)

2. open with FontForge editor
   note `Step` file (only this one file) has shown
   ![image](https://user-images.githubusercontent.com/2228672/193547435-9ae44736-c4e0-400f-a5f3-b010c27ddfe2.png)
   on open - no action taken

   ![image](https://user-images.githubusercontent.com/2228672/193556628-d9290483-14ea-476f-8011-f386acc28e7c.png)

   ![image](https://user-images.githubusercontent.com/2228672/193549082-7010ae8c-1b07-4811-8fc4-8ec9eaa920f2.png)

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](https://user-images.githubusercontent.com/2228672/193558938-e32d40d3-1f90-48b3-97b2-f6a71429845e.png)
   I changed the size from 1000 to 1024

6. convert back to data URI with https://base64.guru/converter/encode/file and commit
@lubber-de lubber-de changed the title fix(themes): remove ttf, eot, svg font references fix(themes): remove ttf, eot, svg font references and fix firefox font line gap warning Oct 3, 2022
Copy link
Contributor

@exoego exoego left a comment

Choose a reason for hiding this comment

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

@lubber-de lubber-de changed the title fix(themes): remove ttf, eot, svg font references and fix firefox font line gap warning fix(themes): use only woff files and fix firefox font line gap warning Oct 4, 2022
@lubber-de lubber-de merged commit 1ff8bfd into fomantic:develop Oct 4, 2022
@lubber-de lubber-de deleted the firefoxTrueType branch October 4, 2022 12:48
@lubber-de lubber-de removed the state/awaiting-reviews Pull requests which are waiting for reviews label Oct 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
browser/firefox Any issues relating to Mozilla Firefox lang/css Anything involving CSS type/bug Any issue which is a bug or PR which fixes a bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants