Typekit compatibility

Created on 9 March 2016, almost 9 years ago
Updated 26 April 2023, over 1 year ago

On one of my websites, Masonry items sometimes overlap. I tried different solutions: disable Javascript aggregation, changing jQuery versions, different caching solutions, installing other version of the imagesLoaded and Masonry libraries.

Then I found out the cause is the Typekit font! Basically, the Typekit font should be rendered before Masonry, similar to image rendering before Masonry. It's also in the Masonry documentation: http://masonry.desandro.com/extras.html#typekit.

I tried the code but it ain't working. Because Masonry Views has a different logic, I have no idea how to implement the code in the link. Can anyone help me getting there?

Thanks in advance!

💬 Support request
Status

Closed: outdated

Version

3.0

Component

Code

Created by

🇧🇪Belgium bramvandenbulcke

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇫🇷France Dom.

    I am not really sure this can / should be integrated in the generic module. I guess a custom recipe could be found, maybe given in documentation as an example.
    Feel free to disagree and re-open if needed with an up-to-date requirement regarding the latest masonry version.

Production build 0.71.5 2024