Solved

Custom fonts

Posted on 2012-03-30
2
334 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 500 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

In this Article, I will provide a few tips in problem and solution manner. Opening an ASPX page in Visual studio 2003 is very slow. To make it fast, please do follow below steps:   Open the Solution/Project. Right click the ASPX file to b…
Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Windows 10 is mostly good. However the one thing that annoys me is how many clicks you have to do to dial a VPN connection. You have to go to settings from the start menu, (2 clicks), Network and Internet (1 click), Click VPN (another click) then fi…
As a trusted technology advisor to your customers you are likely getting the daily question of, ‘should I put this in the cloud?’ As customer demands for cloud services increases, companies will see a shift from traditional buying patterns to new…

910 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now