Editor Toolbar Now Has New Fonts... and I'm Releasing an AFF Typography Change Soon That May Break Some Layouts

Update: I've also fixed the text resize options (the 4 A's) where in the past, it did not resize the text font size whenever the author had already set a specific size. You should now be able to resize text no matter what.

Final Update: I switched Calibri to Verdana on Windows since it wasn't working for half the people. I'm not a big fan of Verdana myself. It's nowhere near as nice to look at as Lucida Grande on Macs but it's also one of the most easy to read fonts available on Windows.

As for people complaining about their broken layouts, as I've already explained in my post below, just do a select all on your layout in the toolbar, change the font to "Helvetica", and you're fixed! If you're having problems with line height, the original line height was "1.5". The current line height is "1.5em". Don't complicate your lives by fiddling with the margins.


For a lot of you, the second part is bad news so I'm going to start with the good news.

I added some new fonts to your editor toolbars (refresh your browser cache if you don't have 23 fonts in your toolbar). Lucida Grande works very well for people with Macs and I have Calibri for people with Windows. Helvetica Nueue is one of the most readable online fonts that works for both systems and I've also added a new Droid Serif font that works on any device and is great for mobiles (not yet installed but available on the toolbar now).

And with that said, I'm also going to announce a slight change to AFF before I actually release it, for once. I'm changing the default AFF font from "Helvetica" to "Lucida Grande" on Macs, "Verdana" on Windows, "Ubuntu" on Ubuntu, and everything falls back to "Helvetica Neue" if all of those fail. The reason for this is that I've come to know that many AFF users with vision problems have issues with being able to read a lot of the text on AFF. They try hard anyway, perseverant users that they are, but I want to help. So I'm changing the default fonts to fonts specifically made for reading on the web. This will make AFF look different to many of you and unfortunately, some stories with complicated layouts will probably break UNLESS you had set your font to something specific already. If it does break, just set your font in your layout to "Helvetica" to go back to the previous default font. I'm writing this blog post specifically for the layout creators since I know some of your designs will break. I'll make it up to you at some point. I'm thinking of making an official layout marketplace section here on AFF if any of you are interested.

With helping users with vision problems in mind, an included update will also be improving the "Reader Mode" button. What it does now is that it strips all html tags from a post but it ends up breaking a lot of stuff in the story like the layouts and whatnot. The new readability mode will simply make four changes: fonts are set to default readable site fonts, font size will be defaulted to 14px, background color will be white, and text color will be black. A reader can turn this feature on and off at any time, just like the previous reader mode button. I know a few layouts go a bit overboard but designers just have to remember that some people have a lot of trouble reading the actual content in some of the more elaborate designs. A design may look pretty but if a visitor can't read your story, it's going to be pretty hard to convince people to keep reading your stuff. Hopefully, the new readability mode will save both the reader and the author and help stories with difficult to read text gain more subscribers who may have initially been turned off by an unreadable design.

Mobile users using the mobile version of the site are most likely not even going to notice these changes since they'll continue to use the default "Helvetica Neue" font.

I'm going to be rolling out this change very soon after this blog post has been seen by a sufficient number of people. I know I'll also get a ton of messages asking me to change it back but I'm not changing back! I don't make these changes lightly especially when I know a lot of people will be against it so for me to change it would mean that it's pretty important. Come on, we're helping out the vision impaired here! Gotta work with me a little. Besides, too much has changed for me to be able to go back anyway even if I wanted to. But I will listen to the people who have constructive suggestions to make and there are many of you that I consider very good at that so I'm counting on those people to also help me tweak things I might have missed.

Lastly, I just might even give new preference options to let people change their default fonts and sizes themselves making everything I just said above, moot and I just wrote a lot of text for nothing.

 

Comments

You must be logged in to comment
Midnight_Sorrow #1
Im using my phone when i read and i cant fix the mode where i can read on my phone can you PLEASE HELP ME!! im freaking out!!
pampitsa89
#2
hello there:) i tried to change the default site font and font size through the preferences page but i cannot. it remains the same. can you help me???
feng_hua
#3
Wahh!! This is a good news! Glad that I read this, since I think that my computer have a problem or I just change the font n forget about it... x)
kpopartory
#4
It looks good. The new font is fine with me. Thank you for the new update. I'm on windows. I use reading glasses for reading too much lol.

A few times, when I look for something to read and hit the 'random story' I'd find a few stories that were written so small and the 'readability' won't click, this new update would be a great help.

Thank you once again for always thinking of us, the AFF users. Thank you for all your hard work.
Gemslover #5
Your meme, LOL! But is there a way to change how the default font of AFF to some other font? 'Cause it's a little small for me to see now.
chocopretzels #6
That macro in the end, hahaha :)) I love it!
I appreciate the new fonts a lot. I find it to be a greater, improved version.
Thank you for your concern and hard work!
-natsukim #7
good!! youre helping us who havr vision problem!! thanks jason
Inspirtited_Exotic #8
Okay! Good to know about this! I thought my phone was going crazy!
Erk! I'll try to get used to the new ver.
But, I like it!!!
photographer- #9
i don't have the new fonts.
and i refresh it for times. .___.
iam0130
#10
Im using mobile phone! I was shocked there was a blue font XD
I Like It <3
--apple139--
#11
Im using a Mac and the font is so pretty! I like it better than the old one :)
TYK309 #12
I'm using the mobile here and I like the new changes! Hehe I like the alerts becoming blue because it is my favourite colour! Well, anyway, some things which I think you can improve. You are way more experience than me but this is how I feel. Whenever I click on a story, all the text align are to the left which kinda cramps all the info there which doesn't really help in highlighting certain points in my opinion. It just makes it look a bit messy and cramp. Perhaps I'm just not used to it but I feel that the title can be aligned in the center. The drop down box is still better to be in the middle because as right handers with a big phone, I have to use my left hand to click or stretch over with my right hand if I'm holding something on my left hand. This is how I feel.
dream_keeper88
#13
Like the new fonts :) I have no problems with the new default font if it makes others comfortable reading fics here. I still have almost perfect vision (no glasses). Layout designers tend to use really small fonts in their layouts/designs, esp in graphic shops. Ehe.