Форум Сайтостроение Веб-строительство

как подключить шрифт?

12
Чайка
На сайте с 12.10.2006
Offline
22
Чайка
5414

Уважаемые эксперты!

подскажите как подключить шрифт из файла myfont.ttf на сайт?

что то мучаюсь мучаюсь никак не получается

можноли это сделать только в html с css или обязательно применить php?

завременно благодарен

G13b
На сайте с 29.02.2008
Offline
3
G13b
#1

в пределах <head></head>
<style type="text/css">
.font {
font-family: Arial, Helvetica, sans-serif;
}
</style>

в пределах <body></body>

.font - далее <div class="font">шрифт</div>

пользуйся... ;)...

• С Уважением, Глеб
Чайка
На сайте с 12.10.2006
Offline
22
Чайка
#2
G13b:
в пределах <head></head>
<style type="text/css">
.font {
font-family: Arial, Helvetica, sans-serif;
}
</style>
в пределах <body></body>
.font - далее <div class="font">шрифт</div>
пользуйся... ;)...

да нее это подключение стандартного встроеного шрифта

а мне нужно подключить его из файла myfont.ttf это не стандартный шрифт а с окантовкой

Web-Silver
На сайте с 02.05.2007
Offline
247
Web-Silver
#3

Чайка, прописываем между тегами <head> и </head> так :

<style>
p {font-family: URL шрифта (например, www.site.ru/fonts/font.ttf) ;}
</style>

Web-Silver добавил 05.03.2008 в 09:20

Или можно еще сделать так:

<style>
BODY {
font-family: url('путь_к_шрифту');
}
</style>
Чайка
На сайте с 12.10.2006
Offline
22
Чайка
#4
Web-Silver:
Чайка, прописываем между тегами <head> и </head> так :



Web-Silver добавил 05.03.2008 в 09:20
Или можно еще сделать так:

не получается вот так вот выглядит тестовый файл

<html>

<head>

<title>

</title>

<style>

p {font-family: URL ('wbv43d.ttf') ;}

</style> </head>

<body>

простой текст<br>

<p>текст с применением шрифта</p>

</body>

</html>

G13b
На сайте с 29.02.2008
Offline
3
G13b
#5
Web-Silver:
Чайка, прописываем между тегами <head> и </head> так :
Web-Silver добавил 05.03.2008 в 09:20
Или можно еще сделать так:

<style>
p {font-family: URL шрифта (например, www.site.ru/fonts/font.ttf) ;}
</style>


Вот, а если не хочешь все под <p>весь шрифт</p> то делай class'ами ... :)...

G13b добавил 05.03.2008 в 09:27

Чайка:
не получается вот так вот выглядит тестовый файл

<html>
<head>
<title>
</title>
<style>
p {font-family: URL ('wbv43d.ttf') ;}
</style> </head>
<body>
простой текст<br>


<p>текст с применением шрифта</p>


</body>
</html>

Адрес абсалютным должен быть с "http://"

Чайка
На сайте с 12.10.2006
Offline
22
Чайка
#6

а как классами добавить?

а зачем абсолютный указывать он у меня находиться в этойже папке

G13b
На сайте с 29.02.2008
Offline
3
G13b
#7

например:

<div class="font">Текст</div>

<font class="font">Текст</font>

etc. и т.д. вариантов много...

А на сайте?.. укажешь абсалютный, будет загружаться не укажешь может и не загрузить...

Чайка
На сайте с 12.10.2006
Offline
22
Чайка
#8
G13b:
например:
<div class="font">Текст</div>
<font class="font">Текст</font>
etc. и т.д. вариантов много...
А на сайте?.. укажешь абсалютный, будет загружаться не укажешь может и не загрузить...

ну а как сделать этот класс с моим шрифтом?

G13b
На сайте с 29.02.2008
Offline
3
G13b
#9

смотри примеры приведенные выше... :)

Чайка
На сайте с 12.10.2006
Offline
22
Чайка
#10
G13b:
смотри примеры приведенные выше... :)

вписал но ничего ен выходит вот исходный код

<html>

<head>

<title>

</title>

<style type="text/css">

.font {

font-family: URL ('wbv43d.ttf') ;

}

</style>

</head>

<body>

простой текст<br>

<div class="font">текст с применением шрифта</div>

<font class="font">Текст</font>

</body>

</html>

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий