PDA

View Full Version : SPRY text help


jaredgruenwald
02-27-2012, 04:00 AM
i want to use spry menus on my website but want to use either a custom font or buttons. is it possible to embed a font i created from my handwriting or to use images/buttons incorporated into the menus instead of text? i'm using dreamweavr cs5 and rely primarily on design mode but can follow along with the coding a bit.

DWcourse
02-28-2012, 01:08 AM
You can embed a font using @font-face (http://sixrevisions.com/css/font-face-guide/)

jaredgruenwald
02-28-2012, 03:19 AM
i'm still not getting what i need. i created the font using fortifier.com. i now have the ttf files. i can use font squirrels @font-face generator to give me all the files i need but hot do i embed it on my server or wherever. its not in anyone else's database as i created it. is there any hope?

DWcourse
02-28-2012, 03:29 AM
you need to do a bit of research on the @font-face specification. You have to upload the font files to your server and link to them in the @font-face declaration in your style sheet. Here's some more info: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

edbr
02-28-2012, 03:33 AM
here is an example of embeding a font which is on your own server

@font-face {
font-family: 'Swis721LtExBTLight';
url('swiss_721_light_extended_bt-webfont.ttf') format('truetype'),

}

jaredgruenwald
02-28-2012, 03:52 AM
ok so if i keep the font files in my root directory folder and upload them to my server, when i put the css or that coding in they should work? where do i upload the font files to exactly though?

edbr
02-28-2012, 04:02 AM
where ever you want providing you point the path correctly

jaredgruenwald
02-28-2012, 04:06 AM
ok so if i upload the ttf file and all the other font files i generate to my server and then link the coding to them properly it should work on other computers and other browsers? this is a font i created and isn't in anyone else's database.

edbr
02-28-2012, 04:38 AM
thats what embedding means

jaredgruenwald
02-28-2012, 04:40 AM
where in the css do i put the code?

edbr
02-28-2012, 07:29 AM
add it at the top then when you declare the fons for your site you can use it

DWcourse
02-28-2012, 05:05 PM
here is an example of embeding a font which is on your own server

@font-face {
font-family: 'Swis721LtExBTLight';
url('swiss_721_light_extended_bt-webfont.ttf') format('truetype'),

}

Just wondering, do you just use the ttf format or do you provide additional formats as well?