Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 353
  • Last Modified:

Custom fonts

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
thenrich
Asked:
thenrich
  • 2
1 Solution
 
jagssiduralaCommented:
instead of placing @fontface class in separate file kept in the HTML page header section ........
0
 
jagssiduralaCommented:
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now