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

Set font-family to Font Awesome 6 when using external FA #576

Merged
merged 2 commits into from
Jul 8, 2022

Conversation

thinkh
Copy link
Member

@thinkh thinkh commented Jun 30, 2022

prerequisites:

  • branch is up-to-date with the branch to be merged with, i.e. develop
  • build is successful
  • code is cleaned up and formatted

Summary

The Font Awesome dependency has been updated from version 5 to version 6 with commit c0d29ff. However, the font-family has not been updated which results in broken icons. Using the the correct font family name fixes the icons.

Please note that the custom lu-font is still using/set to Font Awesome 5.

Related to the latest dependency upgrade with commit c0d29ff
@thinkh thinkh added type: bug Something isn't working release: patch PR merge results in a new patch version labels Jun 30, 2022
@thinkh thinkh requested a review from sgratzl June 30, 2022 10:52
@netlify
Copy link

netlify bot commented Jun 30, 2022

Deploy Preview for lineupjs ready!

Name Link
🔨 Latest commit 0e47ac8
🔍 Latest deploy log https://app.netlify.com/sites/lineupjs/deploys/62c7d24162f9bd0009e46eb1
😎 Deploy Preview https://deploy-preview-576--lineupjs.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@sgratzl
Copy link
Member

sgratzl commented Jun 30, 2022

make sense,

do you know whether there is a fontawesome variable available which we could use to avoid that in the future?

@thinkh
Copy link
Member Author

thinkh commented Jun 30, 2022

Good idea! There is a variable for it. I can change it next time I'm at a computer again or you do it quickly.

https://github.com/FortAwesome/Font-Awesome/blob/6.x/scss/_variables.scss#L6

@thinkh
Copy link
Member Author

thinkh commented Jul 8, 2022

@sgratzl I changed our SCSS to use the Font Awesome variables. Please have a look again.

Copy link
Member

@sgratzl sgratzl left a comment

Choose a reason for hiding this comment

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

👍

@sgratzl sgratzl merged commit 654de74 into develop Jul 8, 2022
@sgratzl sgratzl deleted the thinkh/set-font-family-to-fontawesome-6 branch July 8, 2022 11:52
@thinkh thinkh mentioned this pull request Jul 29, 2022
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
release: patch PR merge results in a new patch version type: bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants