In real life it is impossible to create a perfect design (which is to be seen perfect by everybody, in all the possible browsers, with all the possible font sizes). Granted, some web browsers have a geeky feature that lets users specify their own style sheets. Text Settings in Internet Explorer. Still, since the entire change-font-size procedure is triggered by your annoyance at trying to read unpleasantly sized text, you already know that you want bigger (or smaller) text by the time you decide to change the size. In the General tab of the display, click Accessibility. While creating a website, designers don't actually, Acquire the button by moving the mouse pointer over it. That's the way things should be. Subscribe to our Alertbox E-Mail Newsletter: The latest articles about interface usability, website design, and UX research from the Nielsen Norman Group. If you make any additional changes, your local database would note a revised preference and log the modification with the central database. Fine for experts, but 99% of users simply want to make text bigger if it's too small to read. People who increase the font size should be fully aware that the site could change a little bit as aspect; but in the end the content is important. Thanks for the replies guys. The user never actually learns that they could resize the text for *any* site. part of the original question that was asked was >>while I can change the size of font on the page i need to have the printed material, headers and footnote, etc areas be larger also<< As I reviewed the various answers here it does not appear that any of them had a solution for the issue of Windows 7/IE11 printing the body text of a web page in tiny letters. This could result in a big change for the font size. No need for javascript here. Change everything: Next to 'Page zoom', click the Down arrow . whether the site was designed using a visual web editor(ie a WYSIWYG web editor how to change font size while entering to web-sites font size- Original Title Click the … Just make it bigger. Mentally compute which new font size you want. Web page tool settings. Changing font size. If a web page contains text that is smaller, Firefox increases the font size of the text to this minimum. Part 1 Why the Change Is Required? 10 Usability Heuristics for User Interface Design, When to Use Which User-Experience Research Methods, Empathy Mapping: The First Step in Design Thinking, Between-Subjects vs. Within-Subjects Study Design, UX Mapping Methods Compared: A Cheat Sheet, User Control and Freedom (Usability Heuristic #3), Imagery Helps International Shoppers Navigate Ecommerce Sites, Flexibility and Efficiency of Use: The 7th Usability Heuristic Explained, 3 Steps for Getting Started with DesignOps, Technology Forces Us To Do Things We're Bad At. 18px– a better font size to start with. How the code is implemented is irrelevant for the user illusion which should be designed to match the users' mental model.). They can easily keep clicking the "bigger" button if the initial click doesn't make the text big enough. Unfortunately, recent versions of IE have eliminated IE4's good design, replacing it with an approach that has two serious usability problems: For those few experienced users who do prevail and restore the missing button to their customized toolbar, actually changing the text size in IE6 requires several steps: Compare this awkward, six-step process with the interaction technique required by a design that includes separate buttons for "make text larger" and "make text smaller": Of course, I am cheating a little: You would still have the initial step of deciding whether you want the text larger or smaller, thus determining which button you'd click. August 18, 2002. The other way is to dynamically change the font family of a content to be highlighted in a webpage whenever the visitor moves the mouse over it. We must stop thinking of browsers as trivial pieces of free software that aim at nothing more than rendering web page pictures on the screen. G178: Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 percent Important Information about Techniques See Understanding Techniques for WCAG Success Criteria for important information about the usage of these informative techniques and how they relate to the normative WCAG 2.0 success criteria. Instead of having users manually change the text size every time they come across a user-hostile design, let's take advantage of the Internet and track font size preferences: Every time your browser loaded a page from a new website, it would first check a database for information about your predicted font size preference: To expedite response time, your browser might pre-fetch the preference settings for all websites that the current page linked to before you even clicked a link. 2. Go to Google Chrome and open any website you wish to explore whose font size you wish to change. Providing controls on the Web page that allow users to incrementally change the size of all text on the page up to 200 percent Important Information about Techniques See Understanding Techniques for WCAG Success Criteria for important information about the usage of these informative techniques and how they relate to the normative WCAG 2.1 success criteria. Quite often, I find myself using the Ctrl-Plus shortcut (in Internet Explorer) to increase the size of a web page font. If you are looking for a way to allow users, for accessibility reasons, to adjust the font size of your web pages and to have their preferred fon size stored in a cookie for their next visit, then maybe use the following as a template. For any given web page, most users would either leave it alone or request text that's one or two sizes larger or smaller. The em font size is used in most websites today because it can increase or decrease by the user. 1. The other option is there is a HTML option available is to manually add the styles you need to the actual text itself in HTML view. Reverting to IE4's design for the Mac would be a great step forward for font size usability. That's also why the Back button is so precious to users, and why it's used much more frequently than history list navigation. Click on the padlock, and you will see a list of options appear in a drop-down menu. set your CSS classes to use em when you declare your font size: .fontSize { font-size:0.8em; }

This text is a good size

. After all, it's my screen, my computer, and my software, and they should do what I say. Change font size: Click the Settings icon , click Settings, click Show advanced settings at the bottom of the window, then select a larger font size in the Web content section. In addition, the page font Size setting method The Windows XP system is similar to the Windows 7 …