detect if font download in IE is enabled

Is there a way to detect whether the font download property in internet explorer is disabled or enabled? Currently if I were to implement an @font-face solution (font-squirrel or typekit or other)...

Issue in Webkit browsers with text-shadow in custom fonts

Webkit browsers (Safari and Chrome) keep cutting off text-shadow on my custom fonts (from TypeKit). I'm not sure what I can do to fix it. I've been looking around but havent found a similar issue...

Using Custom Fonts in iOS with Typekit by Adobe

I know its possible to use customs font in an app by thrown a .tff in and changing the info.plist but is it possible to use font from typekit.com ? My client wants a specific font off there called...

Typekit and @fontface issues on all Windows browsers with Ruby on Rails app, especially Chrome

My Ruby on Rails app hates custom fonts and I don't know why. Here are some of the errors and troubleshooting that I have gone through. First, there were devastating display errors that only...

Using typekit in wkhtmltoimage / imgkit

I am on Rails 3.2.9. Is it possible for me to use typekit (or goggle fonts) for rendering the images? I used the following code, but the images are not rendering the right fonts. I suspected the...

How to call jquery events with the google webfontloader

I've read through the docs on github here: https://github.com/typekit/webfontloader#custom And i get how to use the css classes being added to the html tag. But for some reason i don't understand...

dompdf doesn't print correctly my custom font

I'm having problems on printing the letters of my PDF with my custom font. The script of my Typekit font is embed in my template: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...

Using custom fonts in email like Jukely

I've searching some answer, like this but nothing works. How can I insert custom fonts (for me is Proxima Nova that I use until with typekit) in a newsletter? Like as Jukely use in their email hat...

Trouble understanding Firefox error: SyntaxError: missing } after property list

I have the following script which provides a local server fallback for fonts: <!-- load fonts via webfont.js with local fallback: https://github.com/typekit/webfontloader --> <script...

why use role attribute in html5

I have created a web page using html5. I used source code from bootstrap. For example: role="main", role ="navigation", role = "document" etc. If I remove these attribute from my code, page didn't...

Issue an alt attribute for image in HTML

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link...

Flexslider caption horizontal collapse

I've experimented with this for hours but can't quite figure it out. I would like to add a horizontal collapse function to the flexslider captions over each slide in my flexslider gallery. I need...

Bootstrap expanded collapsible menu covered in xs grid

When I view this site on mobile or shrink the browser size until the xs grid takes effect, the expanded collapsible menu links (below "RESIDENTIAL") are covered by the slideshow div. Is there an...

How to make a responsive div stick to page edge

I want my responsive image gallery div to "stick" to the right edge of the browser window with no space between (see image example below). Current site:...

Uncover collapsible nav menu links at xs screen size

When my collapsible nav menu is opened in the xs screen grid (width of 767px or less) the three links in the ul with a class of "mobile-nav" (PROCESS, OFFICE, CONTACT) are partially covered. Any...

Can't get fancybox to load images

I've integrated fancybox successfully before so I'm aware of the usual suspects in trying to troubleshoot it - I still can't seem to get it to work. I've even tried directly linking the url of the...

ul/li bullet points disappearing in Chrome with Typekit

I appear to have a rather strange bug in Chrome Version 46.0.2490.71 (64-bit) on Linux, only applying to a specific site I'm building. Any list elements like <ul> and <ol> have their items...

Uncaught in promise (Foundation 6 Equalizer reinitializing after Typekit loads)

Ok, I have this slight issue, I am using JointsWP with WordPress, and also loading custom fonts from Typekit. The fonts load with a slight delay and they keep flashing on the screen when swapping...

Adding TypeKit code (or any code) into the Head of a Magento 2 site

All I want to do is to add a custom font from TypeKit into my Magento 2 website. Previously I just used to find /app/design/frontend/XXX/XXX/page/head.phtml and edit that. Simple. With Magento 2...

html 5 flash/animate custom font

I am creating my very first Animate(flash) CC banner in HTML5/canvas. The problem I'm having is that I want to add a custom font. My thoughts were to add them with @font-face. This seemed to be...

Custom Fonts won't appear. Ran through MIME, Functions, and Font Family. No luck

Working with a WordPress site. I can plug the font link into my browser's url bar and the font auto downloads so I believe it is linked correctly. I have all custom fonts in a separate stylesheet...

Extra space at the bottom of the container

I am trying to replicate this design http://www.csszengarden.com/217/ for practice purposes. I've got almost everything right, except that the height of my body is larger than the content it...

TypeKit font converts ss to ß

On a website with German content we are integrating a custom font via Adobe TypeKit (Basel Neue) using the standard script. However the font will display any occurrence of ss as ß instead - which...

C# MVC TinyMCE editor not displaying content in Adobe typekit font

I am using TinyMCE editor 4.7.0. I have a custom Adobe typekit font that I want to display the editor content in. I am loading the typekit in the _Layout file. In my TinyMce.init file I have the...

is it possible to add Myriad pro font as like custom font face for web application in offline

user needs Myriad Pro font in website, the website doesn't have internet connection to access the https://typekit.com/fonts/myriad?ctx=syncfont:6851.js to access the font. without adobe suite...

How to avoid Flash of Unstyled Text (FOUT) even with Web Font Loader?

I'm using a custom font which is large ~100kb. As you can imagine, the browser text is flashing from invisible to visible text. I therefore started using the webfontloader:...

Background Pentagon in Header

I need to create a background pentagon for my page header. In order to do this, I: cannot edit the html am doing the styling with SASS. How do I get the shape to appear like this wireframe...

Using web fonts with Polymer custom elements

I was having issues with loading Typekit fonts into a Polymer component. What I had initially in my-element.js: import {html, PolymerElement} from...

Email signature fallback font is not working

I have a custom typekit font used in an email signature with Georgia used as the fallback font. On a mobile device, it will not fallback on Georgia. However, Georgia will load if I remove the...

Fighting Flashes of Unstyled Text in Single Page Apps in vue

FOUT in SPAs using FEFs. That's a lot of odd acronyms. :) But it's still an issue. I have a dynamic component which loads a bunch of components which are meant to look in a very specific way. Each...

Relevant tags