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

Hello world

I can't @font-face to work on my new web site.
I tried before on other websites, and it works beautifully.

Here is the code I use:

CSS:
@charset "utf-8";

{@font-face}
do-family: 'Caviar Dreams', without the serif! important;
make-style: normal;
SRC:URL ("'... / fonts/CaviarDreams.ttf") format ('truetype');

SRC:URL("..) ("/ fonts/CaviarDreams.eot") format ('eot');

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

SRC:URL("..) ("/ fonts/CaviarDreams.woff") format ('woff');

SRC:URL("..) ("/ fonts/CaviarDreams.otf") format ('otf');
}

/ * Simple fluids
Note: Fluid requires that you remove the attributes height and width of the media of the HTML
http://www.alistapart.com/articles/fluid-images/
*/
IMG, object, embed, {video
Max-width: 100%;
}
/ * IE 6 doesn't support max-width so 100% width by default * /.
. IE6 img {}
Width: 100%;
}

/*
Properties Grid Dreamweaver fluid
----------------------------------
DW-num-CLO-mobile: 5;
DW-num-CLO-Tablet: 8;
DW-num-OCOL-Office: 10;
DW-gutter-percentage: 25;

Inspiration of "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-Web-design

Golden by Joni Korpi grid system and
http://goldengridsystem.com/
*/

/ * Mobile layout: 480px and below. */
{body
background-image: url (.. / images/background/wraper_bg.jpg);
background-repeat: repeat no.;
background-attachment: fixed;
background-size: 100% 100%;
do-family: 'Caviar Dreams', without the serif! important;
}
{.caviar}
do-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: coverage! important;
}
{.welcome_image}
position: absolute;
high: 35%;
Width: 95%! important;
margin: 2%! important;
}
. NAV {}
color: #FFFFFF! important;
do-family: "Britannic Bold"! important;
do-size: 14px;
Police-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;
do-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;
do-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 {}
do-family: "Britannic Bold"! important;
Police-weight: lighter! important;
color: #FFD700! important;
margin-left: 2%! important;
margin-right: 2%! important;
margin-top: 2%! important;
margin-bottom: 2%! important;
}
{p}
do-family: 'Caviar Dreams', Arial, Helvetica, sans-serif! important;
do-size: 16px! important;
color: #FFFFFF! important;
margin-left: 2%! important;
margin-right: 2%! important;
margin-top: 2%! important;
margin-bottom: 2%! important;
}

small .text {}
do-size: 12px! important;
}
{.caviar}
do-family: 'Caviar Dreams! important;
}

I'm trying to use the police Caviar dreams on my new web site, but I can't do things.
Can someone tell me what the problem is.

And also I would like to help with IE9, it seems that the header is the display in blue instead of black on IE9 and 10.

My website adrees is marcoalexwebdesign.site11.com .

I've solved the problem, it seems trhat in dreamweaver, the fonts ttf, otf, etc. must be in a folder named InDesign and dreamweaver then connects the fonts style sheet to the main stylesheeet with @inport. I had to unisntall the fonts of my windows, and download it again and add tehm with dreamweaver adds the functionality of web fonts.

Ayway thanks.

Tags: Dreamweaver

Similar Questions

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

    Hey, I tried to get @font-face works in Firefox, but it simply doesn't. I am hosting the police outside and the way I do work 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}
    do-family: "Blackout".
    SRC: url (link woff is here, don't want to here however).
    }
    Body {do-family: 'Blackout'}
    < / style >

    THIS SHOULD BE THE BLACKOUT.

    < / body >

    Can you check to see if Firefox downloads the file? To do this, start by opening the Web Console in the lower part of the tab under your page using either:

    • CTRL + SHIFT + k
    • button '3-bar' menu > developer > Web Console
    • (menu bar) Tools > Web Developer > Web Console

    Click on the "Network" button/tab along the top of the console and reload the page. Here you can see Firefox asks the file and, if so, whether it is reclaimed.

    If extracted, and then click the Console and reload the page and watch the error messages that might relate to the police. Something strange?

    If the download of the police and there is no error message, use the tab of the Inspector to look at the body element and see if the style is there and is used to effect (i.e., none blocked).

    If all that is good, you may check your personal settings to make sure that you are not Web site font substitution. Either:

    • menu button '3 - bar' (or edition menu) > Preferences > content

    Click the Advanced button and make sure that you have checked "allow pages to choose their own fonts.

    If all this is good, so 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

  • I can't get my psc1210 to work on my new laptop running windows 7.

    I can't get my psc1210 to work on my new laptop running windows 7.  I followed all the advice on the HP support pages, but nothing helped. some of the things I've tried:

    (a) followed by editing according to the http://support.hp.com/us-en/document/c02658990 it happens according to plan exccept that when windows 7 detects and tries to install the drivers, it fails. No details given on which iot fails. Troubleshooting process does not help

    (b) follow instructions as per http://support.hp.com/us-en/document/c02681060 however, the installation wizard detects that the printer drivers are not installed and just leaves everything!

    Any suggestions on how to get this range of hp psc1210 printers work with my computer laptop windows 7 would be appreciated.

    Thank you.

    Michael

    Hi Michael,

    Please, try the following:

    Make sure that the printer is not connected to the PC.and, follow these steps:

    1. In the Windows taskbar, click the Windows icon ( ), and then click devices and printers . Opendevices and printers window.
  • I have a site designed iWed which I can't = up to date. I want to design a new Web site with a different place (everweb?) How can I get rid of the current site? I want to use the same domain name.

    I have a designed iWeb site I need to update. I know I can't use iWeb so want to design and publish a new Web site. I want to use my current domain name. How can I get rid of the existing site?

    So, you want to delete this Web site. That's right?
    If so, you can make trought accessing the website 'admin panel' or 'FTP '.

    An administration panel (or "administration panel") is a site that your host/domain provides to you, where you can change everything you want - even is for 'FTP', 'FTP' is a server where you access your Web site and change what you want, and that includes delete the current Web site.

    Questions please ask.

  • My machine works all the microsoft Web sites. I can access the site for a few minutes, after a while, it displays a virtual memory and the next stage i cannot access sites Ms.

    Could not open the MS Sites

    My machine works all the microsoft Web sites. Formatted several times and doing a new installation, I can access the site for a few minutes, after a while, it displays a virtual memory and the next stage i cannot access sites MS. no software or installed applications. cool, but I can not go to Sites Ms. other Web sites, I can access.  Also tried to change the memory... no luck, I've seen other sites asking to change the settings of the modem or dial the ISP, but my 2nd computer work well on the same network, took my computer to the office network and found that the same problem exists... could someone help me please...

    Hello

    Please let me know if:

    1. you are able to access other Web sites, or the question appear with only Microsoft based sites?

    All other websites work well. problem only in trying to gain access to www.microsoft.com

    2. What is the operating system that is installed?

    Windows XP Pro.

    3. are you aware of the physical RAM installed?

    1 GB

    4 and it meets the minimum requirements of the browser you are using?

    For the past 2 years my laptop works fine with the same hardware configuration. It stops working suddenly MS websites. I did not have all the hardware changes.

    Provide answers to the following questions.

    a. also mention the name of the operating system that you use.

    Windows XP Pro

    (b) is there an error message that is displayed when the site no longer works?

    trying to access the page from www.microsoft.com when rises, it is 'Impossible to view the Page.

    c. What is the browser you are using?

    Tried it on IE, mozilla and chrome.

    I tried to change the size of the memory virtual and also changed to the size of the managed system.

    formatted and installed xp pro with sp3 and I also tried formatting and install from different cd with xp and sp2. It works for 3 or 4 minute MS sites and the message immedly appears low virtual memory and it stops working MS sites.

    tried to change the physical memory.

    Tried with different browsers.

    at the top does not a little luck. :(

    Method 1: Please visit the following link to change the size of virtual memory

    Change the size of virtual memory

    http://Windows.Microsoft.com/en-us/Windows-Vista/change-the-size-of-virtual-memory

    Method 2:

    See the following links

    http://support.Microsoft.com/kb/967897

    WARNING: Reset Internet Explorer settings can reset security settings or privacy settings that you have added to the list of Trusted Sites. Reset the Internet Explorer settings can also reset parental control settings. We recommend that you note these sites before you use the reset Internet Explorer settings

    http://support.Microsoft.com/kb/972034

  • I can't get my audio to work with this new Windows 7.

    First off I'm not very good with computers, I installed a windows program 7 on an old computer, the only thing that this computer will be for is to control the projector in my living room watching TV and movies. but I can't the noise at work. can someone please help me get it going?

    Hello

    Once you reinstall / update the operating system > to your computer, or your sound card, the manufacturer Web site > looking for drivers and downloads Section > put in your computer or sound card (if you installed it yourself) model number > search for your operating system (Windows 7; Choose 32-bit or 64-bit) > download and install the drivers etc you will find Audio.

    See you soon.

  • Impossible to get Jquery slider to work in my DW CS4 site

    Hello

    Here is the site I built for my new company.  I need to get a cursor of work corresponding to the image of social media 972 x 432.  I don't want any text outside this space, and I don't want all the previous and next icons, or anything like that.  Just a simple slider that fades or wipes:

    http://designerandpublisher.com/business

    I tried to play with the downloads here:

    http://slidesjs.com/#examples

    But I can't make it work on my site.  I'm more of a designer to a developer, that's why I tend to run into issues such as (I want another head on me who does nothing but develop - smile).

    I look forward to do this because I have a business meeting the week next to raise money and operate.  I'd appreciate any help you can give me and if you want to copy and paste my site and then play with the blade, feel free to do so.

    Thank you - guys deaf

    You have the .slideshow dimensions reversed.  Try this in your CSS:

    . Slideshow {height: 432px; width: 972px ;}}

    Nancy O.

  • How to activate the face recognition of fast access to Web sites

    I have a Dell with Windows 7 and it can through the function of Fast Acess first face (I used it on only password function).  Does anyone know how to enable fast access (facial recognition) for Web sites?   Somehow I deleted by mistake!  I downloaded from the internet but it works only on the initial logon and not for every site "favourties.  Thank you!

    Sorry, the best source for this information would be Dell.  Have you tried the Dell support web site?

  • How to get firefox to display all content of the Web site?

    Ex: bloomberg BAT Web site does not display fully, the graph of the section test score is not shown on the page, while that work correctly in Internet Explorer. The problem occurs only in the version 27.0.1. I try to reset firefox, remove it and then reinstall, delete the cookies & caches but none of these works.

    Can you help me solve this problem for all content displayed on the page.

    Better subject.

    Kim

    You can try the following steps in case of problems with web pages:

    You can reload webpages and ignore the cache to refresh potentially stale or corrupt.

    • Hold down the SHIFT key and click the Reload button
    • Press 'Ctrl + F5' or 'Ctrl + Shift + R' (Windows, Linux)
    • Press 'Command + shift + R' (Mac)

    Clear the cache and cookies only from Web sites that are causing problems.

    "Clear the Cache":

    • Firefox/tools > Options > advanced > network > content caching Web: 'clear now '.

    'Delete Cookies' sites causing problems:

    • Firefox/tools > Options > privacy > Cookies: "show the Cookies".

    Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance).

    • Do NOT click on the reset button on the startup window Mode without failure.
  • Cannot access osha.gov and get message as not to go on the web site

    Original title: I can't go to site web osha.gov.

    Whenever I'm trying to go to the website of osha.gov the the screen comes to expiration and said he can't go to the web site.

    All I can do to stop this and log on to this site?

    Hello

     

    Thanks for posting the question in the Microsoft Community!

     

    You cannot access osha.gov website and get the message that can not go to the web site.

     

    1. what browser do you use?

    2 did you do changes on the computer before the show?

    3 - is the full error message?

    4. the question limited to only this site or does it occur with all sites?

     

    If you use Internet Explorer, then changes to your Internet Explorer options might be preventing you to view certain websites. To check, I suggest you to refer to the procedure described in the site:

    Can't access some Web sites in Internet Explorer

    http://support.Microsoft.com/kb/967897#gM1

     

    WARNING: Reset Internet Explorer settings can reset security settings or privacy settings that you have added to the list of Trusted Sites. Reset the Internet Explorer settings can also reset parental control settings. We recommend that you note these sites before you use the reset Internet Explorer settings.

     

    I hope this helps. If the problem persists, let know us and we would be happy to help you.

     

  • Failed to get the NIC to work - driver code 10 error

    I read a lot of similar posts, but not exactly like mine.  I've tried and failed on the advice given in other posts, so...

    Replaced the HARD drive in Inspiron 1420 my wife, Vista, Intel processor dual core T7250s

    Card Broadcom 802.11n

    Kept all the disks provided with the lappy, Prepped the HD by media rules, support of windows and the mediadirect and resources CD...  they had all autoexecs and seem to go very well.   Unable to connect to the net... He checked out on the technical, found device code 10 failure...  All other drivers seem to have loaded...

    tried to update the driver...  He said that she already had the appropriate driver. -do not

    DLed the driver Broadcom to one inch and installed - no difference.  Restarted... many times during all this.

    Read here we could install order - thought I might try manually.  Searched drivers Intel T7250... here, "currently unavailable".

    what Miss me?

    Hello! do not have the error code 10, but got a message from "driver or hardware related problems. use to have wifi hook up last week, also said driver Broadcom 802.11 > NO FIXED.

    ABSN ADAPTER WIRELESS SDIO, HELP I'M LOST AND CAN'T USE THE 10 PRO 5056 PLACE!

    THANK YOU BOB MAC

  • How to get photoshop elements to work after installing new motherboard on computer

    I have tried for at least two weeks get an answer to this problem and have been unable to find someone at Adobe to help me.  It's really incredible, but true. Motherboard on my laptop has stopped working and has been replaced. After installing a new map parent elements kept insisting that I needed to purchase the program, but I have already bought. I have the serial number.  What I have to do.  Is it possible to get the customer support that there is no other than the community support? I WOULD APPRECIATE HELP ON THIS.

    Here is the link to the chat:

    Contact the customer service

    I said you must be connected to the chat option.

  • Difficult to get Adobe Reader to work on the new laptop.

    Just bought new laptop and I'm difficult to access a PDF file, reload continualy Adobe Reader.  Is there a way to fix this?

    The first thing I would say is that you get rid of the bloated and painful Adobe Reader and replace it with this lightweight and user-friendly Windows player.

    Foxit Reader
    http://www.foxitsoftware.com/PDF/reader/

    If you continue to have difficulty opening PDF attachments by e-mail, let us know what e-mail program you use.

  • Cannot get EPSON BX305FW to work with the new computer advent DT3411.

    Bought a new computer advent DT3411 today and am trying to connect my printer (Epson BX305FW) but zero!, grateful for the help, tried to connect with printer USB and the Epson software in the drive of DVD, but just get a white screen.

    Hi Laurent,.

    I suggest to perform the clean boot and then try to install the drivers.

    How to perform a clean boot in Windows
    http://support.Microsoft.com/kb/929135

    Note: Follow How to reset the computer to start as usual after a clean boot troubleshooting article KB929135 to reset the computer in normal mode.

    Driver download link: http://www.epson.co.uk/gb/en//viewcon/corporatesite/products/mainunits/support/3979?searchKey=EPSON BX305FW

    See also the link: http://www.epson.co.uk/gb/en/viewcon/corporatesite/products/mainunits/faq/3979/5852

    I hope this helps. Let us know if you have other problems with Windows in the future.

  • How can I get firefox to remember than my most used Web sites when I change the tabs?

    Have downloaded a new firefox and while history remembers of him that I can not get my most used sites falls and when I go from the home page I get trovi I never used and do not want to use - just things they want

    Hi, I'm afraid that you'll find is a browser hijacker that will waste his time with Firefox. Please work through this article and this article. If all right one or several of the malware removers will fix it.

    If you receive a satisfactory answer, please help others with a similar problem, marking it as "resolved."

Maybe you are looking for

  • app Keynote does not appear on the iPad

    The keynote application icon does not appear on the IPad. Also impossible to download the application. However, I can open the app on the Apple store and then the application icon appears in the Suggestions of Siri. Why didn't - it is not the icon of

  • Satellite P105-S9722 - small dark spot on the screen

    Hello A few days there is a 1 cm x 2 cm and a few small black/transparent stained areas appeared on my screen (17 inch WXGA TrueBrite). It's the visibility varies depending on the angle of the lid and disappears almost when it's 90 degrees or if I lo

  • What waiting on Notification (of all types) is currently pending?

    I may have a blockage of the waiting on the notification. Until I use the marine method (beat to adapt, to match the paint) by changing a lot of Wait-on-Notification-with - history of WoN, it would be great just to be able to see who is currently wai

  • 8 cost of Windows Installer on hp envy x 2

    HelloI recently Bough the HP Envy x 2 (11-g000ew), as well as the Windows 8 Pro 32 bit on DVD.The laptop works very well, I've updated to the latest BIOS (F.12) and wanted to do a new installation of Windows.I created a boot USB from the DVD drive, i

  • Media Player has encountered an error.

    When I try to play a file wpl, said Media Player media changing hen, I get a message that this media player has encountered an error.