Fonts in HTML???????????

Question

I'm making a website for my mom (yeah I know kind of pathetic/sad) that's blog. She wants a certain font for the title, and I know that only you can view the font. (If it helps I'm using WordPress) she has a font that she wants me to use and I can upload it to the website no problem, but what do I do in order to make it viewable to everyone?

Answer 1

You can define your own font using CSS as long as you refer to it :D



I would use a span tag (it is not deprecated and has no special body. which means it can affect text and data without doing anything to the body!)



I don't really know how to use wordpress (I know it's a wysiwyg but it gets confusing)



An example:

I would create a css file and refer to it inbetween the tag.







then I would define my font inside the file.



@font-face {

font-family: myFont; /*l'm calling my font 'myFont' (original, I know), so that it is easier to refer to*/

src: url('htdocs/font/font.ttf'); /*the url to your .ttf font*/

}



Then in the body of your html

Title: Hello :D



go back to your .css document or just type it in



Hope that helps!

Answer 2

unless you copy/paste what she has typed out every time and poste it as a pic on her blog you can not verify that every single person will see that font... people's systems are set up different and not everyone is going to be able to read every font on here. Either have her pick a more common font or post with what you have and hope for the best

Answer 3

I have a very basic HTML background, but when I had to create a website and wanted to use fonts for titles that other people couldn't see, I used screenshots. As long as the background for the title is a solid color that matches the website you can take a screenshot of the font, crop it, save it to your desktop, and then insert into your web page. If the website is a different color you can change the font highlight color or put the text behind a background before you take the screenshot.



Good luck!

Answer 4

Embed Fonts:



1) Use a text image in the font you want.



2) Use sIFR:



http://www.mikeindustries.com/blog/sifr/

http://www.sitepoint.com/newsletter/viewissue.php?id=5&issue=58#6

http://www.alistapart.com/articles/dynatext/



3) Use WEFT (supported by IE only): http://www.microsoft.com/typography/web/embedding/weft/default.htmRon

Answer 5

Use the size 6 or 4 it will work

Answer 6

You specify the font in the CSS for the title. There used to be a tag, well there still is but it is deprecated. You might want to look at http://www.w3schools.com/css/css_font.asp