Jump to content
  • 0

загрузка внешнего шрифта


WabFad
 Share

Question

Добрый день, вопрос наверное глупый но все же очень хотелось бы, есть ли шанс подзагрузить шрифт силами css и html?

Т.е. в css прописано

font-family: шрифт-которого-нет-у-юзера-на-компе,Arial, Helvetica, Sans-Serif;

font-size: 40px;

font-style: normal;

есть ли какая либо возможность отображения этого шрифта?

если нет, считается ли некрасивым или некорректным в плане верстки ставить текст логотипа через img src?

да и вообще как быть, если дизайнер указал в качестве стандартного (всего текста на сайте) шрифт отсутствующий в стандартных наборах?

заранее спасибо

Edited by WabFad
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

да есть конечно.... только есть вопрос о лицензировании шрифта... а вообще такой способ есть


<style>
@font-face {
font-family: WabFad;
src: url(путь/WabFad.ttf);
}
</style>
<p style="font-family: WabFad; font-size: 25px">12345</p>

для ie маленько извратиться конечно придется... но можно и его научить.

Так же есть варианты отрисовки шрифта на flash или svg используя javascript.

Edited by bonyany
Link to comment
Share on other sites

  • 0

и еще вопрос, для такой шапки

1898393m.png

будет ли корректен такой код:

#header {
height: 250px;
font-size:9px;
background:url(img/hd.png) no-repeat bottom;
}
#header h1 {
position:absolute;
margin-top: 60px;
margin-left:390px;
font-size:40px;
}
#header h2 {
position:absolute;
margin-top: 120px;
font-size:30px;
}
#header h3 {
position:absolute;
margin-top: 140px;
font-size:20px;
}
#header h4 {
position:absolute;
margin-top: 40px;
font-size:10px;
}

т.е. установка всем элементам параметра absolute и дальнейшим позиционированием между собой?

——-

bonyany

Большое спасибо, сейчас буду пробовать :)

Edited by WabFad
Link to comment
Share on other sites

  • 0

тут зависит от такого фактора как "контент менеджер". Лично я придерживаюсь такого мнения: абсолютно позиционировать можно, главное что бы при условиях реального контента (в разумных количествах) макет не ехал. Тем более если у тебя этот макет не тянется, то я бы так же наверное сделал.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy