Ligatures not showing up in Firefox/Chrome

I'm trying to get the ligatures for a webfont I created to show up in Chrome and Firefox and IE; they currently only appear in Safari and iOS.

I'm trying to get the ligatures to appear on a larger site, but for the sake of testing, I create a simple HTML page here:

1. I created the webfont using fontsquirrel and made sure to include the unicode characters that have the ligatures that I want to appear on the page. I double and triple checked that they are in the woff, eot and svg files.

Please help me troubleshoot/implement @font-face

Hi, our company UX standards are to use Segoe UI going forward. I believe this is a Windows 7-introduced font, so I want to embed it in the site using @font-face. Our website runs on DotNetNuke (DNN).

My questions:

- I already specified Segoe UI in my skin.css and container.css in all the font-family declarations, e.g.:

	font-family: Segoe UI, Arial, Helvetica, sans-serif;

Cant get @font-face to work on my new web site

Hi everyone,

I Cant get @font-face to work on my new web site.
I tryed it before on other web sites and it worked just fine.

Here is the code i am using:

@charset "utf-8";

@font-face {
font-family:"Caviar Dreams",sans-serif !important;
font-style: normal;
src:url ("../fonts/CaviarDreams.ttf") format('truetype');

src:url("../fonts/CaviarDreams.eot") format('eot');

src: url("../fonts/CaviarDreams.svg") format('svg');

src:url("../fonts/CaviarDreams.woff") format('woff');

src:url("../fonts/CaviarDreams.otf") format('otf');

/* Simple fluid media

@font-face problem.

i am trying to use Bebas font in a website, but i think it's not working.
i see the website properly (but i have the local file) but i think other people don't...

in my css i have:

@font-face {
    font-family: 'BebasNeueRegular';
	src: url('/_fonts/bebas_neue/BebasNeue-webfont.eot');
	src: local('!'),
		 url('/_fonts/bebas_neue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/_fonts/bebas_neue/BebasNeue-webfont.woff') format('woff'),
		 url('/_fonts/bebas_neue/BebasNeue-webfont.ttf') format('truetype'),

Imported @Font-Face Font Kits only work in Firefox

I have a Wordpress website where the imported @Font-Face font kits are not working in IE 8. The strange thing is I have a development site that's the exact same where the imported fonts are working. I have no idea what the difference is. Also, the main site works in the latest version of Firefox so I know the imported fonts are there. Please help.

Here are the URLs:

Dev Site:

Steelfish is the main font that is most noticeable. It's used in the nav at the top.

Is this something you believe you can fix? Thank you.

Syndicate content