Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is a pretty good list for different things you can do to text with css </p> <p><a href="http://www.w3schools.com/css/css_text.asp" rel="nofollow">http://www.w3schools.com/css/css_text.asp</a> </p> <p><a href="http://www.w3schools.com/css/css_font.asp" rel="nofollow">http://www.w3schools.com/css/css_font.asp</a></p> <hr> <p>Custom fonts is a tricky thing but is a factor in text appearance / flow. All i wanna say about that is if you have time or if you really have to.. use them, otherwise standard fonts are the thing to go with. </p> <p>Websafe fonts: <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" rel="nofollow">http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html</a></p> <p>Font squirrel: <a href="http://www.fontsquirrel.com/fontface/generator" rel="nofollow">http://www.fontsquirrel.com/fontface/generator</a></p> <p>Google web fonts: <a href="http://code.google.com/intl/fi-FI/apis/webfonts/" rel="nofollow">http://code.google.com/intl/fi-FI/apis/webfonts/</a></p> <hr> <p>Also text hyphenation is a factor but kinda falls into the same category as custom fonts.. if you have time or if you really have to.. then go for it. ( jquery plugins for that are out there )</p> <hr> <p>If youre working with designer, i would say that you should discuss the custom font part and hyphenation part with the designer ( or possibly the client as well if he has seen the layout proposition or if he has insisted something regarding the text flow. ) and then go for spacing and indents and line heights and suchs or in whatever order suits you.</p> <p>If its a work thing.. which it might not be.. idk.</p> <hr> <p>I also like what Willoller said but heres my version of it:</p> <p>It is indeed so that its not always written in stone that you would have to replicate everything 100% just like they are given to you in a layout image.</p> <p>This is due to few things: At times designer might not think about things regarding text pla pla pla and plaa. I mean generally. Like, they just place the text to showcase that the text comes here without thinking too much about the size or the color or that it has hyphenation or that it has shadow.. or other stuff.</p> <p>At times designer might not even know that there are some restrictions or things that are more or less harder to make into the internets. ( Custom fonts, Hyphenation, Text-shadow. And maybe something that im forgetting. )</p> <p>Also, some things just dont look the same in web browsers ( and consistantly in all browsers ) as it might in your layout image for example like Anti-aliasing this is used with text quite normally when you make a layout with photoshop and it makes the text look softer.</p> <p>Make it your interpretation of the text and dont sweat over small details and bigger details can usually be negotiated.</p> <hr> <p>Edit: Also i'd like to point out that its not necessarily a good thing to go all berserk on the text because it was in the design.</p> <p>Readability is big factor and sometimes designers think about it and sometimes not ( Sometimes they really dont focus on the text at all like i mentioned earlier. ) </p> <p>There are websites where they use super spacy line-heights and / or big letter-spacing and I'm like thank you and bye. </p> <hr> <p>Edit2: Previously written around 4am. Had to clean it up a bit.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload