How To Embedded Font in css ( custom font )

-
In website font is most issues to design the site so, here I am show how to embedded you custom font output show in websites.
In css font embed to use @font-face attribute Given Below Example :


Here I am use php script you can select html file also but some time it problem to embedded than you use html 5 format to html file.
My font is store in font directory and my css file store in css directory.

Now Html File is Below :


<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>krButani</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>

<body>
<div class="demo-header">
<div class="title" align="center">My Text Is Here</div>
</div>
</body>
</html>

Css File is Below :


@font-face {

   /* font-family specify name of font that can use is css file */

   font-family: 'testMY';

   /* here you can specify font attribute than it apply automatically when you apply this font */

    font-style: normal;
   font-weight: 400;

   /* url is given that way and format must give */

   src: url("../font/Barbarian NS.ttf");
}

*
{
   margin:0px;
   padding:0px;
   text-decoration:none;
}

.demo-header
{
   position:fixed;
   top:0px;
   left:0px;
   right:0px;
   background:#4D7531;
   color:#FEFCFA;
   box-shadow:0px 0px 3px 2px #999;
}
.demo-header .title
{
   font-size:40pt;
   letter-spacing:1px;
   margin:10px;
   font-family: testMY, Verdana, Arial, Helvetica, sans-serif;
   text-shadow: 0px 0px 2px #999999;
}

So, This way to Embed font. If you can have problem than give commet.

Comments

Post a Comment

Popular posts from this blog

date_diff function in php

-
////////////////////////////////////////////////////////////////////// //PARA: Date Should In YYYY-MM-DD Format //RESULT FORMAT: // '%y Year %m Month %d Day %h Hours %i Minute %s Seconds'        =>  1 Year 3 Month 14 Day 11 Hours 49 Minute 36 Seconds // '%y Year %m Month %d Day'                                    =>  1 Year 3 Month 14 Days // '%m Month %d Day'                                            =>  3 Month 14 Day // '%d Day %h Hours'                                            =>  14 Day 11 Hours // '%d Day'                                 ...
Read more

How to create a custom form in wordpress

-
// create table in database ( must add prefix ) // create page to display form i was wrote code into front-page.php                       Name: Email Selecet Resume: Submit if(isset($_POST['submitted'])) { global $wpdb; //print_r($_FILES['res']); $filename =  basename($_FILES['res']['name']); $path = get_template_directory()."/"."upload/resume/".$filename; //echo " "; $status = false; if(move_uploaded_file($_FILES['res']['tmp_name'], $path)) { $status = ture; } if($status == true) { $tablename=$wpdb->prefix.'resume'; $date = date("Y-m-d H:i:s A"); $data=array('name' => $_POST['contactName'], 'email...
Read more

m Coloring Problem using c or c++

-
m Coloring Problem using c or c++ Given an undirected graph and a number m, determine if the graph can be colored with at most m colors such that no two adjacent vertices of the graph are colored with the same color. Here coloring of a graph means the assignment of colors to all vertices. Input: 1) A 2D array graph[V][V] where V is the number of vertices in graph and graph[V][V] is adjacency matrix representation of the graph. A value graph[i][j] is 1 if there is a direct edge from i to j, otherwise graph[i][j] is 0. 2) An integer m which is a maximum number of colors that can be used. Output: An array color[V] that should have numbers from 1 to m. color[i] should represent the color assigned to the ith vertex. The code should also return false if the graph cannot be colored with m colors. Program: #include <stdio.h> #include <conio.h> #include <math.h> int m,n,x[10]={0},g[10][10]={0}; void main() {        ...
Read more