Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Custom fonts

Posted on 2012-03-30
2
Medium Priority
?
346 Views
Last Modified: 2012-04-24
Hello,
I'm trying to use custom fonts with @font-face but cannot seem to get them to work. I can see them being downloaded on the web page but no luck. Here is what I have in .css:

@font-face
{
    font-family: ChalkDust;
   src: url(http://www.bbdsolutions.net/fonts/chalkdust.ttf);
}

@font-face
{
    font-family: Copperplate Gothic Light;
   src: url(http://www.bbdsolutions.net/fonts/COPRGTL.ttf)
}
@font-face
{
    font-family: Copperplate Gothic Bold;
   src: url(http://www.bbdsolutions.net/fonts/COPRGTB.ttf)
}
.pageHeader
{
    font-family: ChalkDust, Copperplate Gothic Light, Copperplate Gothic Bold;
    font-size: 1.8em;
    padding: 3px 0 10px 2px;
    color: #463E3F;
    font-weight: bold;
}

Here is my code-behind HTML:


<head runat="server">
    <link rel="stylesheet" type="text/css" href="Main.css" />

    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
        .style7
        {
            width: 594px;
            }
        .style8
        {
            height: 18px;
        }
        .style9
        {
            width: 594px;
            height: 60px;
        }
    </style>
    </head>



<table style="width: 100%; color: #00FF00; background-color: #000000; font-family: ChalkDust; height: 100px; border:0;"
            align="center">
            <tr>
     
                <td valign="top" align="center" class="style7"
                    style="border-style: none; border-width: 0px; background-image: url('http://www.bbdsolutions.net/Art/lead-214.jpg')" >
                   
                    <asp:Label ID="Label2" runat="server" Font-Names="Copperplate Gothic Light"
                        Font-Size="Small" ForeColor="#666666"
                        Text="Off the Grid Technology, LLC"></asp:Label>
               
                   
                    <br />
                    <asp:Label ID="Label3" runat="server" Font-Size="XX-Large" Text="Tree Squat'R"></asp:Label>
               
                   
                </td>
               
            </tr>
</table>

the .ttf files are there.
Any help would be great - thx
0
Comment
Question by:thenrich
  • 2
2 Comments
 
LVL 12

Accepted Solution

by:
jagssidurala earned 2000 total points
ID: 37793298
instead of placing @fontface class in separate file kept in the HTML page header section ........
0
 
LVL 12

Expert Comment

by:jagssidurala
ID: 37793310
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

ASP.Net to Oracle Connectivity Recently I had to develop an ASP.NET application connecting to an Oracle database.As I am doing it first time ,I had to solve several problems. This article will help to such developers  to develop an ASP.NET client…
Introduction This article shows how to use the open source plupload control to upload multiple images. The images are resized on the client side before uploading and the upload is done in chunks. Background I had to provide a way for user…
In response to a need for security and privacy, and to continue fostering an environment members can turn to for support, solutions, and education, Experts Exchange has created anonymous question capabilities. This new feature is available to our Pr…
We’ve all felt that sense of false security before—locking down external access to a database or component and feeling like we’ve done all we need to do to secure company data. But that feeling is fleeting. Attacks these days can happen in many w…
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question