Typekit fonts appear not ALL IOS Safari

HI, I'm using Typekit and avoid FOUC (Flash of unstyled content), I use the police event classes .wf-loading, .wf-active (.wf-idle is not currently used)

However, on the last version of Safari (iOS), all the text is reappear on some pages.  Steps to reproduce the problem

  1. "Go to this link ' Oriental
  2. Scroll to the bottom of the page and click on one of the 3 new related items (images, titles, or the readmore)
  3. Scroll to the bottom of the page, the footer menu does not appear.

Any help much appreciated.

My CSS for this area is as follows

/ * Mask FOUC times load * /.

. WF-loading h1, h2 .wf-loading, .wf-loading h3, h4 .wf-loading, .wf-loading h5, h6 .wf-loading, .wf-loading p, .wf-loading li {}

visibility: hidden;

}

. WF-active h1, h2 .wf-active, .wf-active h3, h4 .wf-active, .wf-active h5, h7 .wf-active, .wf-active p, .wf-active li {}

visibility: visible;

}

My JS is

Typekit advanced method

(function (d) {}

var config = {}

kitId: "fms0osf."

scriptTimeout: 3000.

Async: true

},

h = d.documentElement, t = setTimeout (function () {h.className = h.className.replace (/ "wf-idle" \bwf-loading \b/g,"")+;)}, config.scriptTimeout), tk = d.createElement ("script"), f = false, s = d.getElements ByTagName ("script") [0], a; h.className += 'wf-loading'; tk.src =' https://use.typekit.net/'+ config.kitId + '.js'; tk.async = true; tk.onload = tk.onreadystatechange = function () {a = this.readyState; if(f|| un & & un! = «complet» & & un! = «chargé») return; e = true; clearTimeout() (t); try {Typekit.load (config)} catch (e) {}}; s.parentNode.insertBefore (tk, s)

(}) (document);

I checked the other things.  Page valid. There is no JS or PHP error and tried the other method of Typekit.

Hey Antony,.

Thanks for this update! I was using the link "read more" every time (except that once, I guess that), which explains why I didn't see it.  By clicking on the image allows you to reproduce the problem always for me, too.

And I think we could have thought of it: there is a conflict between when the browser applies this rule in the files style.css and CSS police event:

/ * Animation and filters * /.

. Animate - everything, point .menu a {}

-webkit-transition: 300ms all;

-moz-transition: 300ms all;

-ms-transition: 300ms all;

-o - transition: 300ms all;

transition: 300ms all;

}

If I remove the .menu-point a selector so that the transition is not applied to links, fonts from loading in the foot, whenever I click on the image to go to the next page.  Using other values for the transition, such as transition: couleur.3s, also arranges.

Please give that a try and see if it solves for you also! Best,

-liz

Tags: Typekit

Similar Questions

  • Typekit fonts appear in InDesign, but not Illustrator

    Hello

    Wondering if anyone can help me with a problem of Typekit?  I managed to synchronize some fonts in InDesign, but when I use Illustrator none of the fonts appears. All fonts appear in the CC application and appear to be synchronized. I restarted Illustrator too, but that doesn't seem to work.

    See you soon

    Hi camillag30,

    I'm sorry that you trouble with that! Could you please check that you are connected to creative cloud on the Help menu in Illustrator?

    If you are already connected, try the following steps to clear any stale creative cloud session and start a new one:

    (1) disconnect from creative cloud in the menu using Illustrator

    (2) restart Illustrator

    (3) reconnect to creative cloud in the Help menu of Illustrator

    After signing new, Illustrator should be able to find your Typekit account information and add the fonts you have selected to sync.

    If this does not make a difference, please send more information at [email protected] and we will look into it more:

    • the journal of recent synchronization of the files on your computer: help.typekit.com/customer/portal/articles/1649149#logs
    • a screenshot of the menu font in Illustrator with the filter Typekit on, similar to the following:

    If please give that a try and let me know if you have any other questions! Thank you

    -liz

    Adobe Typekit

    Technical support Manager

    [email protected]

  • Synchronized typekit fonts do not appear in After Effects

    Hi, I would really appreciate some advice. I have sync had two on my Macbook Typekit fonts. I can see these fonts and use them in Photoshop and other applications such as Pages. However I don't find fonts in After Effects. I tried several times AE opening and closing, but the fonts appear not just. Any ideas please. Thank you.

    Hello Fiona,

    Please restart your system, then try signing out of creative cloud app and then signing back in. Subsequently open After effects and check if the problem still persists.

    Kind regards

    Rahul

  • Typekit fonts do not display in iPad app DPS (created by Indesign) in Web content (leading edge)

    I think I tried every permutation to make this work, but probably miss me something.

    I'm creating a single application iPad DPS with InDesign, and I use a Typekit font throughout.  So far so good.

    I created a project to animate Dashboard using the same Typekit fonts.  In preview mode, this makes it very well.

    However, when I place the project dashboard animate in a frame in InDesign and use the Web Content Overlay Folio (I have use the .oam file or directly link output .html published by Animate), Typekit fonts will not appear in the dashboard part animate DPS app and use instead a rescue police.

    Can anyone suggest a way to make edge Typekit fonts animate the work when they are incorporated into a DPS app?  (For what it's worth, I have the same problem when the incorporation of output html of tumult Hype, it seems unlikely that this is a problem with edge animate at all and probably more to do with something in the way that the DPS application deals with embedded html content has.)

    Thanks in advance for any help.

    Hey cp_level,

    Unfortunately Typekit fonts don't lend themselves well to borad distrubition you must define on site that the police is broadcast. For example, I want my fonts for display on www.mysite.com--je must go to Typekit and explicitly define www.mysite.com in the list of allowed sites, otherwise the police appears. It is a requirement on the side of Typekit so people can tear off the embed of someone other site code and use it on their own.

    As your digital publication does not have a site that can be defined, your fonts will not be shown by the use of HTML content incorporated (including Animate) with DPS. Typekit Fonts of office work as expected because they get shipped with the release with another Office font you use.

    Now if you are uncomfortable with using online-only, you could find a suitable replacement using Edge Web fonts that don't require site definition. If you have a police office that you want to use WITH the EULA, suitable for web use, you can use a web font generating service as FontSquirrel and incorporate locally with Animate.

    HTH,

    Sarah Hunt

    Product Manager, Adobe Edge animate

  • Typekit Fonts are not sync or activation

    My Typekit fonts do NOT work. My laptop has no problem, but on my iMac is not what works so that never.

    I already have the following...

    1 disconnect off Creative Cloud App, reboot the computer, new journal-ing (done several times)

    2. security settings etc. are are correct (firewall is disabled, app downloaded for Anywhere is turned on)

    3. close all adobe programs, restart the computer, re - open all programs and the CC App.

    I also run Suitcase Fusion, I quit and restart the computer. Open programs in different orders and still no luck.

    I run all programs and settings same as on my MacBook, even internet connection as well and nothing is working to get the fonts to synchronize.

    Out of the blue, they do not work and were yesterday.

    Help please! I lost so much time that should make money today to solve this problem!

    Police office synchronization works again. All the fonts you have selected in your Typekit account should begin automatic synchronization.

    You can also disable synchronization of the police in the application of creative cloud under the gear icon in the preferences > creative cloud > fonts (Typekit "power"), then turn again to start a new synchronization session.

    If please give that a try and tell me if you see other problems with synchronization of policies (here or at [email protected]).  Thank you

    -liz

  • fonts appear in all different sizes

    fonts appear in all different sizes on the desktop workspace, but they all look the same size when you preview in a browser

    Design view is not reliable.  At best, it's an approximation of what you might see in some older browsers.

    Live view is a little better at rendering, but it is not as good as Preview in browsers.

    Nancy O.

  • Typekit fonts do not sync

    Typekit fonts are not sync. I open an Illustrator file I created with Illustrator CC and now it says that some typekit fonts are missing. I'm going to Typekit and it shows that the fonts are available for desktop. I'm going to CC .app and it says in the section fonts that «synchronization of fonts is turned on...» »

    What the heck Adobe?

    Solve this problem!

    I'm tired of all this connecting what and CC portal just to work!

    I'm tired of it, really frustrated and tired of it.

    We do not get our money with all these questions.

    Adobe, you are NOT what you used to be. You have got worse, not better.

    It helped for me:

    Switch dimmed Typekit

    1 leave the desktop application Cloud Creative

    2. in the menu go to the Finder, select go to folder

    3. paste this path, and click OK:

    ~/Library/preferences/

    4. in the window that opens, you should see a list of files, including com.adobe.accmac.plist

    5. click on com.adobe.accmac.plist and rename it to com.adobe.accmac.plist.old. You will be asked to confirm that you want to change the .old extension.

    6. start the creative Cloud desktop application again.

  • my list of contacts on my windows phone appears not all contacts

    my list of contacts on my windows phone appears not all contacts, but on my computer, I do not understand, they did, but I reinstalled it on my phone, like updating the contacts from my computer, because they had not updated on my phone! so I thought that I would like to reinstall, but now showing no, please help x

    He had some problems with contact sync which should now be resolved.

  • Everything on my screen has tripled in size how it back to the normal size, ps I tried the right hand winder on cone and it just reduces the font size not all things on the screen itself

    Everything on my screen has tripled in size how it back to the normal size, ps I tried the right hand winder on cone and it just reduces the font size not all things on the screen itself

    Your lowered obtained resolution. This can occur if you are running an older game that uses 800 x 600 for example.

    Control Panel > display > settings - change the resolution to correct for your monitor. MS - MVP - Elephant Boy computers - don't panic!

  • I don't have a default on installation of creative cloud, but it appears not all options / navigation

    I don't have a default on installation of creative cloud but it appears not all options, and I can't access my programs. Is this a problem of blocking information? I can send a screenshot to illustrate.Creative Cloud.JPG

    Hello

    Please refer to the threads below where this issue has been addressed:

    Creative cloud is empty window why?

    Cloud Desktop App is empty?

    New application Cloud Creative unusable: it is empty!

    Re: Empty opening creative cloud app

    Kind regards

    Sheena

  • Typekit: Why are not all synchronized fonts?

    What is the reason for which several fonts from font families are not synchronized? Many only normal fonts, italics, bold, and bold italic may be synchronized, but it is also lightweight, medium etc. which can not?

    Andreas

    Hi Andreas,

    Thanks for your question. This is due to the licensing of fonts.  Typekit does have all the fonts in our library of fonts; they are the property of our foundry partners, who work with Typekit to make their fonts available to all our subscribers. Some foundries have chosen to offer all weights and styles of a family of synchronization, while others include a selection of styles and weight.

    We keep fonts license of our foundry for synchronization partners, as we move forward. In the meantime, if you need a special weight of a font that is not available to sync, you can probably buy a license directly from the foundry.  The Foundry name is listed at the top of each page in detail on typekit.com family.

    If there are particular weight or style of a family you would like to have available for synchronization, you can view this list here or send it to us at [email protected] and we'll see what we can do!

    I hope this helps; Let me know if you have any other questions.  Best,

    -liz

  • Muse does not allow me access to all of the Typekit fonts - why not?

    I am connected to CC and Muse running, but I can't add Typekit fonts. When I click 'Add web fonts' and then click on the tab "Typekit" he says: I'm "not connected." Why am I to deny access to (all) the Typekit fonts?

    I finally just shut Muse, creative cloud and my computer and then rebooted everything and who seems to have "solved" the problem at the moment. That said my experience and that of other Typekit users in the support sections seems to indicate Typekit is buggy and not ready for prime time.

    Clay

  • Typekit fonts may not display on a mirror of my site (area of replacement) version.

    Hi all

    I'm trying to track down why my typekit fonts will be displayed correctly on my main domain: nicksava.com, but do not seem to load for users or myself on my area of replacement: nicksavarese.com

    To work around the problem, I understand that I can just download the same site on the FTP server to the two addresses - but I currently have domain forwarding set up to mirror the site and prefer to keep it that way.

    All advice is appreciated. Thank you!

    The instant kit on your site does not list the area that you are having problems with. In order to have the fonts to load up on nicksavarese.com, you will need to add to your list of domains.

    Here's how to add another site to the list:

    1) go to Muse and choose the option "Export to HTML".

    (2) you will be asked to provide a list of domain names for export. Make sure you add all your domains to this list.

    (3) upload the new HTML to your web server and Typekit fonts will begin work in a few minutes.

    If please give that a try and let me know if you have other questions.

    Best regards

    Molly

  • Typekit fonts are not sync... help!

    For some reason, I was not able to sync Typekit fonts. On the site of typekit, they all say that they have synchronized and are ready to use but when I open Photoshop, none of them are there. I have a stable internet connection, I restarted the programs and my computer but nothing works. Any suggestions?

    Hi kellid,

    Please follow the steps in the link below.

    Fonts are loaded in TypeKit, but they tend to synchronize my Adobe software

    Let me know if it helps.

    ~ UL

  • Typekit fonts do not online publication

    I looked in the forums for Muse and similar Typekit, but I can't seem to find the problem.

    I just published a Web site created in Muse: iampioneer.org

    I have 2 families of fonts added as webfonts (Adelle & Proxima Nova) in Muse and also a Typekit Kit.

    This is how it is supposed to look like:

    Screen Shot 2016-05-20 at 2.10.22 PM.png

    1 police (Adelle) makes it very well on the website of my local station, but Proxima Nova is substituted for Arial/Helvetica:

    Screen Shot 2016-05-20 at 2.10.51 PM.png

    And on other computers, but the fonts substituted for other fonts:

    Screen Shot 2016-05-20 at 2.11.07 PM.png

    Any help is appreciated!

    Sorry for the late reply! The domain must be added in Muse.

    1) go to Muse and choose the option "Export to HTML".

    (2) you will be asked to provide a list of domain names for export. Make sure you add all your domains to this list.

    (3) upload the new HTML to your web server and Typekit fonts will begin work in a few minutes.

    Best regards

    Molly

Maybe you are looking for

  • HP Envy 15 t-j100: Beats Audio does not work after the new update of Windows 10?

    My laptop set to automatically update itself with the new update of windows 10, and after checking my laptop I discovered that the bat sign was gone and uninstalled in my pc. The sound from my laptop has no depth and clarity. Is there a way I could f

  • No puedo instalar well Skipe

    No puedo instalar well skipe por debo dar click en try to network y no encuentro el archivo en el pc como lo ubico?

  • Pavilion P077tx: Driver problem

    Hey, I would like to know why there is a yellow exclamtion sign under the "Devices" tab in the Device Manager in my Windows 7. Help me to solve this problem, I enclose screensot

  • HP OfficeJet5610xi: 5610 custom printed in win10 - rather fax dialog will appear

    Hello I just do a fresh install of the last download HP5610xi SW that I could find for my HP PAvilion Win10 Slimline 400. Run the installand I plug the USB into the computer when you are prompted and now I can't print! Instead the fax dialog box appe

  • unused file extension

    CCleaner has found several times a file unused ext.   . It's just a simple point.  There is no place or hkey, just a point It cannot be removed and is the only one who finds it and has for a year (when I downloaded) query, if the point is followed fo