Oh no! Where's the JavaScript?
Your Web browser does not have JavaScript enabled or does not support JavaScript. Please enable JavaScript on your Web browser to properly view this Web site, or upgrade to a Web browser that does support JavaScript.
Not a member yet? Click here to register.
Forgot Password?

How to change fonts?

Asked Modified Viewed 4,622 times
S
Skulz
S
Skulz 10
  • Member, joined since
  • Contributed 76 posts on the community forums.
  • Started 20 threads in the forums
  • Started this discussions
asked
Member

Hey. How can I see the fonts used on my website atm and how can I change them? I want to change the fonts used in the articles. I'm using the Itheme 2 atm
0 replies

9 posts

D
delanjp
D
  • Junior Member, joined since
  • Contributed 13 posts on the community forums.
  • Started 8 threads in the forums
answered
Junior Member

This is what I use to change the Font size style and center it on my site

echo "<center><span style=\"font-size:48.0pt;line-height:115%;font-family:\n";
echo "&quot;(Font) Script&quot;;color:#0070C0\"> (the words you wish) &nbsp<o:p></o:p></span></center>\n";


Replace the word (Font) with the font name you wish to user removing the brackets

And the the words you wish

This centers my words with as font size of 48
0 replies
S
Skulz
S
Skulz 10
  • Member, joined since
  • Contributed 76 posts on the community forums.
  • Started 20 threads in the forums
  • Started this discussions
answered
Member

There isnt an option for change all the fonts of all the articles without do this for each one as you suggested? It isn't really handy.

Nvm. I solved it changing the style.css file.

I just have 1 more question now: some fonts that I have selected are not available, how can I add new fonts to the site?
Edited by Skulz on 02-03-2014 16:26,
0 replies
H
Homdax
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
answered
Fusioneer

Fonts and how they look on the web is basically not very complex, but requires some thinking and coding.

[olist=1]Until, say 2010 (not sure), you could not see a font unless your computer knew how it looked like, as in having it installed on your computer for the browser to use.
With the webfont api and CSS3 you can use fonts, but you have at least two options on how to use them:[/olist]

Quote

A ) You can use the CSS3 @font import and having the fonts available to your css via files on the server
B ) You can use the Google web font API to embed fonts that are available via Google


Then we have Microsoft. :| They have and do require a special font format to be used , namely EOT. See here, browse down a little and look at the Web Browser Compatibility chart.

In order to create suitable font files, EOT and others, you can convert a TTF font (the default format) to EOT at FontSquirrel. You need to have the font ttf file available.

As you may understand, this is totally and only up to the Theme maker to decide what fonts should be available and how. Maybe our devs could look at a function to import different fonts for usage, but it is entirely up to someone to come up with the code for that.

I know this may not solve your issues, not without a readup and some coding, but I hope it will give you some insight in the tech required.
0 replies
S
Skulz
S
Skulz 10
  • Member, joined since
  • Contributed 76 posts on the community forums.
  • Started 20 threads in the forums
  • Started this discussions
answered
Member

I thought it was simpler really :), then how Can I see the fonts available in my theme?

Also How can I make the font darker? If im not wrong the correct word is Bold? I tried to add Bold to the name of the font and it didn't worked :P
Edited by Skulz on 02-03-2014 18:04,
0 replies
H
Homdax
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
answered
Fusioneer

Look at the theme folder of the theme. In the CSS it will be specified what fonts to use.

The fonts you can use without the above mentioned import techniques are listed here

For styling, just look at the styling options for the font tag in css. "Darker" could be achange of the colour, but also as you say, bold, as in
 {font-weight:bold;}


Check out the different coding options here: http://www.w3schools.com/cssref/pr_font_font.asp
0 replies
S
Skulz
S
Skulz 10
  • Member, joined since
  • Contributed 76 posts on the community forums.
  • Started 20 threads in the forums
  • Started this discussions
answered
Member

Wow, that website is really a nice resource, thanks

1 more question, how can I increase the size of a word when writing an article, there is just a "small" option for make it smaller xD
Edited by Skulz on 03-03-2014 00:30,
0 replies
H
Homdax
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
answered
Fusioneer

For correct article disposition and text handling, use the H (header) tags, available in TinyMCE, but, they are dependent on existing H definitions in the stylesheet. Sadly that is often missing.

Correct document formatting and disposition makes for better reading.

If you lack those controls, perhaps you are not using the Tiny editor.
0 replies
M
maestroweb
M
www.fusion-ar.org
  • Junior Member, joined since
  • Contributed 18 posts on the community forums.
  • Started 8 threads in the forums
answered
Junior Member

to chage the font in the style.css file

search this code:

Quote

font-family: Arial, Helvetica, sans-serif;


change it to:

Quote

font-family: Tahoma, Arial, Helvetica, sans-serif;



you can change the font to nam of the font you want for example : Verdena or any font you want
0 replies
H
Homdax
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
answered
Fusioneer

[olist=1]It is Verdana in any case.
You can only safely use a limited set of fonts on the web, as stated in my link above.
Any other font will require the method I described or a variation there of.
Modifying a stylesheet is of course correct, but, again, it will only work for fonts with inherent support, otherwise they need @font[/olist]

Sorry for nitpicking, Maestroweb, but your post give the impression that "any" font can be used, without any other effort than altering the stylesheet. Which is just not true.
0 replies

Category Forum

Themes Support

Labels

None yet

Statistics

  • Views 0 views
  • Posts 9 posts
  • Votes 0 votes
  • Topic users 4 members

4 participants

H
H
Homdax 10
  • Fusioneer, joined since
  • Contributed 2,247 posts on the community forums.
  • Started 108 threads in the forums
S
S
Skulz 10
  • Member, joined since
  • Contributed 76 posts on the community forums.
  • Started 20 threads in the forums
  • Started this discussions
D
D
  • Junior Member, joined since
  • Contributed 13 posts on the community forums.
  • Started 8 threads in the forums
M
M
www.fusion-ar.org
  • Junior Member, joined since
  • Contributed 18 posts on the community forums.
  • Started 8 threads in the forums

Notifications

Track thread

You are not receiving notifications from this thread.

Related Questions

Not yet