Design Your Pages Using Inline Style : Font
by Mohann Krish
Mohann Krish
Introduction
After background and Text, the next important property is 'Font'. The Font should be:
Readable: Neither too big nor too small. Never too light.
Proportionate: Size matters a lot, so it should be always relatively fixed.
Attractive: Appearance grabs attention. The font should reflect the context.
Properties
Font Family
Font Style
Font Size
Font Variant
Font Weight
Font Family
<p style="font-family:"Times New Roman", Times, serif;">APSense is the best Social Business Network.</p>
<p style="font-family:Verdana, Arial, Georgia;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Style
<p style="font-style:normal;">APSense is the best Social Business Network.</p>
<p style="font-style:italic;">APSense is the best Social Business Network.</p>
<p style="font-style:oblique;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Size
<p style="font-size:30px;">APSense is the best Social Business Network.</p>
<p style="font-size:2.0em;">APSense is the best Social Business Network.</p>
<p style="font-size:120%;">APSense is the best Social Business Network.</p>
<p style="font-size:80%;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Variant
<p style="font-variant:normal;">APSense is the best Social Business Network.</p>
<p style="font-variant:small-caps;">APSense is the best Social Business Network.</p>
<p style="font-variant:inherit;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Weight
<p style="font-weight:normal;">APSense is the best Social Business Network.</p>
<p style="font-weight:lighter;">APSense is the best Social Business Network.</p>
<p style="font-weight:bold;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
<p style="font-weight:600;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
<p style="font-weight:900;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
All the font properties in one declaration
<p style="font:bold 15px arial,sans-serif;">APSense is the best Social Business Network.</p>
<p style="font:italic 12px Georgia;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Jun 17th 2011 10:53
Introduction
After background and Text, the next important property is 'Font'. The Font should be:
Readable: Neither too big nor too small. Never too light.
Proportionate: Size matters a lot, so it should be always relatively fixed.
Attractive: Appearance grabs attention. The font should reflect the context.
Properties
Font Family
Font Style
Font Size
Font Variant
Font Weight
Font Family
<p style="font-family:"Times New Roman", Times, serif;">APSense is the best Social Business Network.</p>
<p style="font-family:Verdana, Arial, Georgia;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Style
<p style="font-style:normal;">APSense is the best Social Business Network.</p>
<p style="font-style:italic;">APSense is the best Social Business Network.</p>
<p style="font-style:oblique;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Size
<p style="font-size:30px;">APSense is the best Social Business Network.</p>
<p style="font-size:2.0em;">APSense is the best Social Business Network.</p>
<p style="font-size:120%;">APSense is the best Social Business Network.</p>
<p style="font-size:80%;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Variant
<p style="font-variant:normal;">APSense is the best Social Business Network.</p>
<p style="font-variant:small-caps;">APSense is the best Social Business Network.</p>
<p style="font-variant:inherit;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Font Weight
<p style="font-weight:normal;">APSense is the best Social Business Network.</p>
<p style="font-weight:lighter;">APSense is the best Social Business Network.</p>
<p style="font-weight:bold;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
<p style="font-weight:600;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
<p style="font-weight:900;">APSense is the best Social Business Network.<br>APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
APSense is the best Social Business Network.
All the font properties in one declaration
<p style="font:bold 15px arial,sans-serif;">APSense is the best Social Business Network.</p>
<p style="font:italic 12px Georgia;">APSense is the best Social Business Network.</p>
Result:
APSense is the best Social Business Network.
APSense is the best Social Business Network.
Jun 17th 2011 10:53
Resources Box
Home Job Group
Marks(collectively "Trademarks") displayed are registered and/or ...
Youth Ministry Resources from Teen ...
Youth ministry ideas, tips, and resources.
-=: Teach With Power :=-
You can make your Sabbath School Class interesting and life-changing! You ...
Home Job Group
Marks(collectively "Trademarks") displayed are registered and/or ...
Youth Ministry Resources from Teen ...
Youth ministry ideas, tips, and resources.
-=: Teach With Power :=-
You can make your Sabbath School Class interesting and life-changing! You ...
Comments
|
|
Mohann Krish
Ok. I have my copy. As long as this lasts let it be. I know the groups will be modelled on the lines of Squidoo. Jun 17th 2011 10:58 |
|
|
Philippe Moisan
Video Champions, APSense MentorWho told you that? Cause it won't be the case, if I remember what Squidoo looks like. Jun 17th 2011 11:32 |
|
|
Neville Dinning
Grey Nomad Working OnlineI see you 2 are having another little conversation. Philippe, you're not giving away clues about the pending changes are you? And are you suggesting that posts in groups will be able to have links included? I thought we could already do that. I am about to check that now. Jun 18th 2011 20:56 |
|
|
Philippe Moisan
Video Champions, APSense MentorI gave a clue in another article, written by Joseph. VERY short articles will be useless. Group subjects will be VERY different from what they are now, they will be called discussions again. Can't say more, in case you would reveal all to the place where we were both admins once upon a time. LOL Kidding, Nev, I trust you even more than I trust Mohann. Actually, do I trust Mohann? Gotta think about that. LOL Jun 18th 2011 21:01 |
|
|
Neville Dinning
Grey Nomad Working OnlineOK, I'm looking forward with anticipation to the changes. Just to answer my earlier query: Yes links can be included in Subjects posted in Groups. Jun 18th 2011 21:06 |
|
|
Philippe Moisan
Video Champions, APSense Mentorsubjects are article twins right now, the only thing they don't have is tags. Jun 18th 2011 21:15 |
|
|
Mohann Krish
Nev, could you explain that please. You mean in the content box using the WYSIWYG Editor? What I think, Phil wants to say (withhold the info) is that there will forum pages where you can discuss and leave links too. BTW, let's mutually (and separately) discuss about trusting the videoman.LOL Jun 18th 2011 21:19 |
|
|
Philippe Moisan
Video Champions, APSense MentorLOL me? You don't trust me 100 % ? That hurts... :( Jun 18th 2011 21:23 |
|
|
Neville Dinning
Grey Nomad Working OnlineMohann, I may have been thinking of something different to what Philippe was talkinh about. My question an answer related to putting links in Subjects in Groups. And yes links can be put in using the WYSIWYG editor (and the Source code editor too). Is Phillipe now saying that links may be added to the discussions that result from Group subjects? I'm just curious, and will wait to see how it all turns out when the changes take place. Jun 18th 2011 22:15 |
|
|
Mohann Krish
Got you, pal! The sentence has been (mis-)interpreted by you as dis-trust when in fact it means (objectively) to me (and Nev too, I suppose!) that 'let's discuss and decide to trust the videoman - since we had never thought about that till now.' Ok, we will also discuss up to what % we can go ..... Jun 18th 2011 22:22 |
|
|
Philippe Moisan
Video Champions, APSense MentorHmmm... Uh... What? Mohann, you work the India CIA? I can't decipher what you said. LOL Neville Dinning. ND. National Defense. I guess the world governments are on my case. Probably the US is behind it. After all, I am a prime suspect, as I work hard with a genius from China to... conquer the world. Oh boy, too many Robert Ludlum novels in my background. Nev, let's see if you can decipher this: the groups will look like something we knew that became classic. :) Jun 18th 2011 23:08 |





My friend, since I told you a few details about what's coming, I suggest you put that content on a blog ( can't remember if you have one ), cause we will be allowed to put a link in the group posts. So, it will generate traffic to your site. :)
Jun 17th 2011 10:56