Viewing Character Spacing

Character Spacing



User: Les C. 10 years ago
I know this has been brought up before—but will kerning (letter spacing) be added anytime soon?

This is a VERY needed feature.

Thanks.


LC

Last edit 10 years ago
User: Roddy 10 years ago
Kerning amd letter spacing are two different things.

Kerning is used in print media for adjusting the spacing between individual letter pairs. There is no such equivalent in web design.

CSS has a "letter-spacing" selector. This adjusts the spacing between all the letters. Letter spacing could conceivably be used occasionally in a simple heading with large type were the chosen font is badly designed. It should never be used in paragraph text since it creates problems for those with reading difficulties.

Some of the Text widgets like the 3D Heading do have a letter spacing control but this should be used sparingly - if at all.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 10 years ago
--Roddy,

If experience serves me right, a program with letter-spacing allows one to adjust spacing between individual pairs.

In web design, there are a number of applications that allow this ranging from Muse to Macaw to even iWeb.

I use it not only for good design of say headlines, but readability of text as well.

Its absence in EverWeb forces me to create text in other applications and bring it into EverWeb as an image. THIS I consider to be poor web design that 'should be used sparingly—if at all.'


LC
User: Roddy 10 years ago
Quote:
If experience serves me right, a program with letter-spacing allows one to adjust spacing between individual pairs.

Not a web design application. Spacing pairs is Kerning and there is no provision for it in web design.
Quote:
Its absence in EverWeb forces me to create text in other applications and bring it into EverWeb as an image

If you want to create an HTML heading and adjust the letter spacing you should use CSS.

Here's an h1 heading using inline styles...

<h1 style="font:80px verdana, sans-serif;color:#000000;text-transform:uppercase;margin:0;padding:5px;text-align:center;letter-spacing:0">saws</h1>

Space all the letters by adding the letter-spacing selector...

<h1 style="font:80px verdana, sans-serif;color:#000000;text-transform:uppercase;margin:0;padding:5px;text-align:center;letter-spacing:5px">saws</h1>

Space out the first two letters by adding a span tag to the first with the required letter spacing...

<h1 style="font:80px verdana, sans-serif;color:#000000;text-transform:uppercase;margin:0;padding:5px;text-align:center"><span style="letter-spacing:5px">s</span>a</span>ws</span></h1>

Try these in an HTML Snippet to see how it works.

EverWeb allows anyone with little or no experience to create a really good website. Those who take the time to learn how to use its code injection features will be able to create a much better one.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Les C. 10 years ago
--Roddy,

Thanks for snippet.

A question: Is there a way to remove the long ".js ajax..." text that shows up on the EverWeb page? While it doesn't show when published, it makes placement of the element very difficult as the text location is not WYSIWYG.


LC

Last edit 10 years ago
User: Paul-RAGESW 10 years ago
Quote:
A question: Is there a way to remove the long ".js ajax..." text that shows up on the EverWeb page? While it doesn't show when published, it makes placement of the element very difficult as the text location is not WYSIWYG.


Which .js ajax? It sounds like you have extra JS in one of your Page Header text files either under the publish settings screen (File->Edit Publish Settings) or within the Page Header under Inspector->Page Settings. Your code is probably entered incorrectly in one of those fields.

Also, I'm not making an guarantees but we hope to have character spacing implemented for the end of the year.

(Sorry for the delay in responding, I just saw this)

Last edit 10 years ago

-------------------------------
Paul
EverWeb Developer


Post Reply
You must login or signup to post.