Clarendon Black BT web font

Clarendon Black BT

Uploaded by: dankadelphiallc





Views: 2359
Downloads: 389

Download full zip package

Big, bold header written with Clarendon Black BT web font

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

+ How to embed this web fonts on your website

Please log in or register to get your embedding links or
B. Download the font which has all the code needed included.

+ Readme / license file

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="refresh" content="5;url=http://fontsgeek.com?ref=readme">
<title>Fontsgeek</title>
<style>
/* ------------------------------------- 
        GLOBAL 
------------------------------------- */
* { 
    margin:0;
    padding:0;
    font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
    font-size: 100%;
    line-height: 1.6;
}

img { 
    max-width: 100%; 
}

body {
    -webkit-font-smoothing:antialiased; 
    -webkit-text-size-adjust:none; 
    width: 100%!important; 
    height: 100%;
    background:#DDD;
}


/* ------------------------------------- 
        ELEMENTS 
------------------------------------- */
a { 
    color: #348eda;
}

.btn-primary, .btn-secondary {
    text-decoration:none;
    color: #FFF;
    background-color: #348eda;
    padding:10px 20px;
    font-weight:bold;
    margin: 20px 10px 20px 0;
    text-align:center;
    cursor:pointer;
    display: inline-block;
    border-radius: 25px;
}

.btn-secondary{
    background: #aaa;
}

.last { 
    margin-bottom: 0;
}

.first{
    margin-top: 0;
}


/* ------------------------------------- 
        BODY 
------------------------------------- */
table.body-wrap { 
    width: 100%;
    padding: 20px;
}

table.body-wrap .container{
    border: 1px solid #f0f0f0;
}


/* ------------------------------------- 
        FOOTER 
------------------------------------- */
table.footer-wrap { 
    width: 100%;    
    clear:both!important;
}

.footer-wrap .container p {
    font-size:12px;
    color:#666;
    
}

table.footer-wrap a{
    color: #999;
}


/* ------------------------------------- 
        TYPOGRAPHY 
------------------------------------- */
h1,h2,h3{
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande",
sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
    margin: 40px 0 10px;
    line-height: 1.2;
    font-weight:200; 
}

h1 {
    font-size: 36px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 22px;
}

p, ul { 
    margin-bottom: 10px; 
    font-weight: normal; 
    font-size:14px;
}

ul li {
    margin-left:5px;
    list-style-position: inside;
}

/* --------------------------------------------------- 
        RESPONSIVENESS
        Nuke it from orbit. It's the only way to be sure. 
------------------------------------------------------ */

/* Set a max-width, and make it display as block so it will automatically
stretch to that width, but will also shrink down on a phone or something */
.container {
    display:block!important;
    max-width:600px!important;
    margin:0 auto!important; /* makes it centered */
    clear:both!important;
}

/* This should also be a block element, so that it will fill 100% of the
.container */
.content {
    padding:20px;
    max-width:600px;
    margin:0 auto;
    display:block; 
}

/* Let's make sure tables in the content area are 100% wide */
.content table { 
    width: 100%; 
}

</style>
</head>
 
<body bgcolor="#f6f6f6">

<!-- body -->
<table class="body-wrap">
    <tr>
        <td></td>
        <td class="container" bgcolor="#FFFFFF">

            <!-- content -->
            <div class="content">
            <table>
                <tr>
                    <td>
                        <h1>Downloaded from Fontsgeek.com</h1>
                        <p>This font was downloaded from <a
href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> . You can visit <a
href="http://fontsgeek.com?ref=readme">fontsgeek.com</a> for thousands of free
fonts.</p>
                        <p><a href="http://fontsgeek.com?ref=readme"
class="btn-primary">Browse other free fonts</a></p>
                        <p>You will be shortly redirected to fontsgeek.</p>
                    </td>
                </tr>
            </table>
            </div>
            <!-- /content -->
                                    
        </td>
        <td></td>
    </tr>
</table>
<!-- /body -->

</body>
</html>    

Comments