εισαγωγή μιας δική σου γραμματοσειρά σε μια ιστοσελίδα

Σχόλια από τον χώρο του Web Design, Web Development.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
AlexFreestuff
Δημοσιεύσεις: 31
Εγγραφή: 04 Μάιος 2009 06:57

εισαγωγή μιας δική σου γραμματοσειρά σε μια ιστοσελίδα

Δημοσίευση από AlexFreestuff » 31 Μαρ 2014 08:05

Ανοίγω ένα θέμα για το οποίο είχα ρωτήσει πριν από πολύ καιρό δεν ξέρω ακριβώς που και δεν πήρα μια διευκρινιστική απάντηση τελικά μετά από πολύ καιρό το βρήκα είναι να εισάγεις μια δική σου γραμματοσειρά σε μια ιστοσελίδα το παράδειγμα που θα ακολουθήσει έχει έναν φάκελο με την .html σελίδα την .css την .ttf γραμματοσειρά και την .eot την οποία την έκανα convert από την .ttf στην σελίδα http://www.font2web.com/ εγώ έχω εισάγει τον κώδικα με λιγότερα αρχεία και δουλεύει νομίζω στους κύριους περιηγητές δεν θυμάμαι ακριβώς την ρύθμιση που είχα κάνει για τον Internet explorer
html code:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="author" content="Alex" >
<meta name="description" content="Portal" >
<meta name="keywords" content="test" >

<link href="main.css" rel="stylesheet" type="text/css"/ >

<div id = "wrap">

<title>Portal</title>
<link rel="shortcut icon" href ="freetime.ico">

</head>
<div id="header">
</div>
<div id="body">
<style>
@font-face {
font-family: "AgentRed";
src: url("AgentRed.ttf") format("truetype");
url("AgentRed.woff");
url("AgentRed.eot");
}
</style>
<div style="font-family: AgentRed">
Hello, Pretty fonts!Hello Word Hello Word Hello Word Hello Word
</div>
</body>
</html></div>
css code:

#wrap{
margin: 0 auto;
width: 700px;
height: 1150px;
position: relative;
}
#header {
top: 0px;
height:350px;
width:700px;
background:url("header.png")no-repeat;
position: absolute;
left: 0px;
}
#body {


top: 350px;
height:450px;
width:700px;
background:url("main.png")no-repeat;
position: absolute;
left: 0px;

}






#footer{
top: 450px;
height: 350px;
width: 700px;
background:url("footer.png") no-repeat;
position: absolute;
left: 0px;

}

Απάντηση

Επιστροφή στο “Web Usability & Accessibility”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες