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: http://partyglamourshop.com/joomla/ligatures.html
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.:
html,body,form{ 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:
CSS:
@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:
http://resourcecenter.org/
Dev Site:
http://trc-dev.com/
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.
