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
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 5;
dw-num-cols-tablet: 8;
dw-num-cols-desktop: 10;
dw-gutter-percentage: 25;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
/* Mobile Layout: 480px and below. */
body{
background-image:url(../images/background/wraper_bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-size:100% 100%;
font-family:"Caviar Dreams", sans-serif !important;
.caviar{
font-family:"Caviar Dreams", Arial, Helvetica, sans-serif ;
.index_bg{
width:100% !important;
height:100% !important;
background:url(../images/graphics/index_bg.png) !important;
background-size:cover !important;
.welcome_image{
position:absolute;
top:35%;
width:95% !important;
margin:2% !important;
.nav{
color:#FFFFFF !important;
font-family:"Britannic Bold" !important;
font-size:14px;
font-weight:lighter !important;
.background_white{
background:rgba(255,255,255,0.7);
.background_black{
background:rgba(0,0,0,0.65);
.background_black_2{
background:#000 !important;
.background_noir{
background:rgba(179,1,1,0.7);
.background_purple{
background:rgba(152,131,201,0.7)!important;
color:#FFFFFF !important;
width:100% !important;
height:25px;
text-decoration:none !important;
font-family:"Caviar Dreams" ;
border:0px !important;
margin:0px !important;
padding:0px !important;
.background_purple:hover{
background:#FFFF00!important;
color:#000 !important;
width:100% !important;
text-decoration:none !important;
font-family:"Caviar Dreams" ;
border:0px !important;
.white{
color:#FFFFFF !important;
.black{
color:rgba(0,0,0,1) !important;
.red{
color:#B30101 !important;
.yellow{
color:#FFFF00 !important;
.black_span{
background:#000000 !important;
color:#FFFFFF !important;
margin:1% !important;
margin-left:5px !important;
padding:5px !important;
.black_span_margin1{
margin-left:0px !important;
.black_span_margin2{
margin-left:0px !important;
.border_white{
border:3px solid #FFFFFF !important;
margin:0px !important;
padding:0px !important;
.border_gold{
border:0px solid #000!important;
margin:0px !important;
padding:0px !important;
h1, h2, h3, h4, h5, h6{
font-family:"Britannic Bold" !important;
font-weight:lighter !important;
color:#FFD700 !important;
margin-left:2% !important;
margin-right:2% !important;
margin-top:2% !important;
margin-bottom:2% !important;
p{
font-family:"Caviar Dreams", Arial, Helvetica, sans-serif !important;
font-size:16px !important;
color:#FFFFFF !important;
margin-left:2% !important;
margin-right:2% !important;
margin-top:2% !important;
margin-bottom:2% !important;
.text-small{
font-size:12px !important;
.caviar{
font-family:"Caviar Dreams" !important;
I am trying to use the font Caviar Dreams on my new web site but i cant get it right,
Can anyone tell me what is wrong.
And also i would like some help with IE9, it seems the header is displaying in blue instead of black on IE9 and 10.
My web site adrees is marcoalexwebdesign.site11.com  .

I already fixed the issue, it seems trhat in dreamweaver the fonts ttf , otf, etc must be in a folder named webfonts, and then dreamweaver connects the fonts stylesheet to the main stylesheeet with @inport.I had to unisntall the fonts from my windows and download them again and add tehm with dreamweaver add web fonts feature.
Thanks ayway.

Similar Messages

  • I had my hard drive replaced and I cant get my email to work on the new hard drive.  I have the ! in the triangle next to the inbox.  I tried "take all accounts online" and it ddidnt work.  The email account is working on my iphone and ipad.

    I had my hard drive replaced and I cant get my email to work on the new hard drive.  I have the ! in the triangle next to the inbox.  I tried "take all accounts online" and it ddidnt work.  The email account is working on my iphone and ipad, and my macBook is connected to the internet.

    Cant get help with this issue on Apple Support, so I have to go to the Apple store to the Genius Bar to get assistance.  All the help issues are so technical in their jargon, that I cannot understand how to fix the issue.

  • @font-face not working in FF, but working elsewhere.

    Hey, I've been trying to get @font-face working in Firefox, but it just won't work. I'm hosting the font externally and the way I'm doing it works on other browsers. This is my code:
    <body bgcolor="CA2E28" style="margin-left: 0px; margin-right: 0px;">
    <style type="text/css" media="screen, print">
    @font-face {
    font-family: "Blackout";
    src: url(woff link is here, don't want to put it here though.);
    body { font-family: "Blackout" }
    </style>
    <center>THIS SHOULD BE BLACKOUT.</center>
    </body>

    ''jscher2000 [[#answer-709096|said]]''
    <blockquote>
    Can you check to see whether Firefox is downloading the file? To do that, first open the Web Console in the lower part of the tab below your page using either:
    * Ctrl+Shift+k
    * "3-bar" menu button > Developer > Web Console
    * (menu bar) Tools > Web Developer > Web Console
    Click the "Network" button/tab along the top of the console and reload the page. Here you can see whether Firefox is requesting the file and, if so, whether it is retrieved.
    If that checks out, then click the Console tab and reload the page and watch for any error messages that might relate to the font. Anything strange?
    If the font is downloading and there are no error messages, use the Inspector tab to look at the body element and see whether the style is there and is being given effect (i.e., no line-through).
    If all that is good, you might double-check your personal settings to make sure you aren't overriding website fonts. Either:
    * "3-bar" menu button (or Edit menu) > Preferences > Content
    Click the Advanced button and make sure you have a checkmark for "Allow pages to choose their own fonts".
    If all of that is good, then... it's a mystery. Have you checked Firefox on other machines or other operating systems?
    ''For reference:'' https://developer.mozilla.org/docs/Web/CSS/@font-face
    </blockquote>
    This message came upon refreshing:
    Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at <my font like here>. This can be fixed by moving the resource to the same domain or enabling CORS. Blackout_Midnight-webfont.woff
    And this one soon after:
    downloadable font: download failed (font-family: "Blackout" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed
    source: <my font link here>

  • I cant get a DVD to work

      I cant get a DVD to work on my MacBook Pro even though I have iDVD!

    iDVD is for creating movies on a DVD. Is that what you are trying to do?
    For playback of DVDs use DVD Player, or VLC:
    http://www.videolan.org/vlc/

  • I cant get my camera to work it says its on but has no feedback, any ideas?

    i cant get my camera to work it says its on but has no feedback, any ideas?

    Here are my best suggestions for your camera problem:
    • If Apple's http://support.apple.com/kb/HT2090
       suggestions do not help you, (the "reset" suggested there
       often restores normal function,) continue with the following.
    • Use your Mac's Disk Utility to repair permissions and then
       download and apply the latest Combo Update for your Mac OS.
       If you are using OS X 10.7 or later, reinstall OS X.
    • Repair permissions again immediately following the system restart
       that completes the Combo update or reinstall.
    Properly applying the Combo version of updates can sometimes correct software problems, but, if your trouble is caused by a hardware problem, there are no user serviceable parts of the camera.  For hardware help, contact Apple or an Apple-Authorized Service Provider for service.
    (Over time, Apple has changed the built-in camera's name on newer Macs from "iSight" to "FaceTime" and then to "FaceTime HD."  Regardless of the name of your Mac's built-in camera, the same info and troubleshooting applies.)
       Unless you have a current backup, make one now.
      Then use the final "Troubleshooting" suggestion:
    "... contact Apple or an Apple-Authorized Service Provider for service."

  • I cant get my email to work on my iphone 4

    hi, i cant get my email to work on my iphone, iv added my email address and password but when i go to mail there are no emails showing or accounts. my email is showing as on in settings but doesnt seem to be working. any advise would be great, thanks

    There is something wrong in your settings. As the settings for each email provider are different you need to check your email server's web site for instructions. Most now have specific instructions for the iPhone. Also see Apple's instructions: http://support.apple.com/kb/HT1385

  • I cant get google chrome to work on my desk top

    i cant get google chrome to work on my desk top

    When posting in Apple Communties/Forums/Message Boards.......It would help us to know which iMac model you have, which OS & version you're using, how much RAM, etc. You can have this info displayed on the bottom of every post by completing your system profile and filling in the information asked for.
    CLICKY CLICK-----> Help us to help you on these forums
    ***This will help in providing you with the proper and/or correct solutions.***
    ===================
    Contact Chrome tech support and/or post in their forums.

  • I cant get my webcam to work on my g72

    I cant get my webcam to work on my laptop.

    Hi,
    Also.
    Do you have the Google Video Chat Plug-in installed ?
    You may have gained this by Installing Chrome if you did not manually download the Installer for Intel Macs Only.
    This can conflict with the Flash Plug-in.
    See Known Issues and open the bit on Google Talk Plug-in Disables iSight on Mac.
    10:16 PM      Thursday; October 6, 2011
    Please, if posting Logs, do not post any Log info after the line "Binary Images for iChat"
     G4/1GhzDual MDD (Leopard 10.5.8)
     MacBookPro 2Gb( 10.6.8)
     Mac OS X (10.6.8),
    "Limit the Logs to the Bits above Binary Images."  No, Seriously

  • Font face="army" works in my editing program for IE but not firefox

    font face="army" works fine in IE but not firefox when using my website editing program
    == This happened ==
    Every time Firefox opened
    == everytime

    If you check Firefox's Web Console (Ctrl+Shift+K) it'll tell you any errors it's finding and the line of code it's finding it on.
    The problem it seems to be having up front is that IDs are case-sensitive - "layer02" is not the same as "Layer02", for example.
    There may be further errors once it's past that, but all the current browsers come with the tools you need to weed out any further issues.
    Further Javascript reference: https://developer.mozilla.org/en-US/docs/JavaScript

  • Why does CSS' "@font-face" not work in FF8.0?

    I am using embedded fonts via CSS' @font-face, which works perfectly in IE9, Safari 5.1.1 and Opera 11.52. However it does not work in FF8.0 (or Chrome 15.0.874.121) and falls back to Verdana.
    Here is my CSS:
    body,td,th {
    font-family: DragonwyckFont, Verdana, Geneva, sans-serif;
    @font-face {
    font-family: "DragonwyckFont";
    src: url("../fonts/Dragonwyck_Normal.eot");
    src: url("../fonts/Dragonwyck_Normal.eot?#iefix") format('embedded-opentype'),
    url("../fonts/Dragonwyck_Normal.ttf") format('truetype');
    This is being tested on a W7 box, using localhost: on IIS.
    Any help or advice would be much appreciated.
    Thankyou in advance.

    Hi cor-el,
    Thanks for your very quick reply, unfortunately the solutions you offered have been unsuccessful.
    I did as you suggested (including deleting the relative path and placing the fonts in the same directory as the CSS) and followed all the advice given in the references you made.
    I am not going across domains so Access Control Headers are not required.
    Bizarrely, the link from the demo (https://developer.mozilla.org/en/CSS/@font-face) works perfectly but, when I replicate it using the full path to Dragonwyck_Normal.ttf, it doesn't.
    My little brain is starting to fry and I must be doing something completely daft but, with just half a dozen lines of code, I fail to see how it could be more simple!
    CSS:
    body,td,th { font-family: "Dragonwyck", serif; }
    @font-face {
    font-family: "Dragonwyck";
    src: url("Dragonwyck_Normal.ttf");
    Any ideas?
    Regards,
    Chaindrive.

  • TS2972 cant get home sharing to work  any ideas?

    cant get home sharing to work.  any ideas?

    HOME SHARING
    Setting up Home Sharing on your Computer
    http://support.apple.com/kb/HT4620?viewlocale=en_US&locale=en_US
    Understanding  >  http://support.apple.com/kb/HT3819
    How to  >  http://support.apple.com/kb/HT2688
    Troubleshooting  >  http://support.apple.com/kb/TS2972

  • Stuck on ask a question page. cant get anything I can work with

    I had a page with bookmarks then it all disappeared and now all I have is a page titled at top --- Ask a Question Firefox Support/Mozilla Firefox. there is nothing on the page I can work or remove . I can see the page I want but cannot get to It.

    DITTO to what aehplh4423 posted 3 months ago on this thread.
    as follows:
    "stuck on ask a question page. cant get anything I can work with
    I had a page with bookmarks then it all disappeared and now all I have is a page titled at top --- Ask a Question Firefox Support/Mozilla Firefox. there is nothing on the page I can work or remove . I can see the page I want but cannot get to It. "
    WHAT'S UP FIREFOX?????????
    If you don't have an answer, then how do I get back to my previous version of Firefox with my home page and bookmarks? Or do we just need to go back to Explorer or Google Chrome?

  • Cant get BBC Iplayer to work - ask me to download new version, I do this and it still does not work?

    Cant get BBC Iplayer to work - ask me to download new version, I do this and it still does not work?

    When you say [First it will not let me make my apple ID account and then whenever it does work it says cannot connect to itunes store ]
    How are you creating your Apple ID?
    Cannot connect to iTunes Store -> http://support.apple.com/kb/TS1368?viewlocale=en_US

  • Cant get my sound to work :(

    I recently had to format my computer because of a virus that wouldnt let me log into windows. I was running win xp pro upgrade and it was running fine. Now i run win 98se becuase it wont let me upgrade for some wierd reason. but i cant get my sound to work. i try to install the drivers but i get a screen after the install wizard to put win98se cd in, select drive and press ok. well i clicked just about every option there was. and it would either flash back to the my documents on the selection screen or ask me if i want to cancell the installation, i have no idea what to do. I dont even know if it is recognizing that i even am using my integrated sound card. i would go and get another sound card but i dont have any money right now. anyone else have this problem or can help with with this problem??? ;(
    i have the k7n2g mobo with a 1800 xp athlon

    Hi,
    You can tell whether the system has found your soundcard hardware by looking in "Device Manager" have you yellow question marks that show hardware (but no drivers)? My apologies if you've done this.
    If I remember correctly (but don't quote me) when Windows98 asks for your 98SE disc it's looking for a file within one of the .CAB files on the 98SE (Correct me If I'm wrong) disc. If not, exactly which file is it looking for? - the requester should give you a clue. When you know what the file is, do a search on your 98 CD to see if you can find it. Then point the drivers install to that location (the directory where the .CAB OR relevant file resides.)
    You say that after failing to find the file on the 98 CD that it reverts to "My Documents" this would suggest that you'd previously installed drivers (or other Win98SE software) from that location. For some reason Win 98 assumes (for some stupid reason) that it'll find any future files it needs at the same location as previously installed files.
    Try installing the drivers for your sound using "Device Manager" click on the yellow question mark next to your hardware (if they are available) and Windows should open the "There is a problem with this device" (or words to that effect) requester and follow the instructions (wizard) from there.
    I'm going to nip off now as I have 98 SE on a different partition (I very rarely use it). I'll have a look and get back to you later.
    Good luck!  :D
    Axel  :D

  • My Creative Cam wont work properly in MSN Messenger! I cant get the effects to work PLEASE HELP!

    When I open the webcam centre everything works fine I can get all the effects...BUT when I open messenger (MSN) I get a good picture but when I open the effects window I cant get the effects to work in there.... I went to the creative site which tells me I can use this cam ok in MSN Messenger....Please help before I pull my hair outThankyouBillie-Jean x

    I had the exact same issue but finally after much reading found that the Advanced Video FX utility must be activated first, then open the Web Cam Center.
    On the upper left side just above your image is a Device Selection box. You may not redily recognize it as such.. Click on the down arrow just to the left of the Format tab and select the "Creative WebCam(With Video Effects)". Now try the effects. This did the trick for me. Hope it works for you!

Maybe you are looking for