How to change the font size on ProZ

translation_articles_icon

ProZ.com Translation Article Knowledgebase

Articles about translation and interpreting
Article Categories
Search Articles


Advanced Search
About the Articles Knowledgebase
ProZ.com has created this section with the goals of:

Further enabling knowledge sharing among professionals
Providing resources for the education of clients and translators
Offering an additional channel for promotion of ProZ.com members (as authors)

We invite your participation and feedback concerning this new resource.

More info and discussion >

Article Options
Your Favorite Articles
Recommended Articles
  1. ProZ.com overview and action plan (#1 of 8): Sourcing (ie. jobs / directory)
  2. Réalité de la traduction automatique en 2014
  3. Getting the most out of ProZ.com: A guide for translators and interpreters
  4. Does Juliet's Rose, by Any Other Name, Smell as Sweet?
  5. The difference between editing and proofreading
No recommended articles found.

 »  Articles Overview  »  ProZ.com Site Features  »  How to change the font size on ProZ

How to change the font size on ProZ

By Paulo Ribeiro | Published  09/26/2021 | ProZ.com Site Features | Recommendation:RateSecARateSecARateSecARateSecARateSecA
Contact the author
Quicklink: http://search.proz.com/doc/4798
Author:
Paulo Ribeiro
Brazil
English to Portuguese translator
Became a member: Jul 20, 2021.
 

See this author's ProZ.com profile
Have you noticed that the bio’ standard letters are small? Well, no need to worry. Now you will learn how to increase the font size on ProZ.

For bold, italic, and underline you can just click on “A WYSIWYG editor is also available.”



And they would be here:



For your peace of mind, I will put them below—and this works on KudoZ questions too.



After clicking on Code View—and making a backup if anything goes wrong (just copy and paste the text into Notepad or a similar program):



What you need to know is just these:

A tag is usually an abbreviation of a longer descriptive name within angle brackets (< >). For didactic reasons, I will substitute them with parentheses (), because I am writing on a web page and the code will disappear with angle brackets.

(p) open a paragraph and (/p) closes it. Notice that closing tags always end with “/”(slash). If you don’t put a closing, the formatting will continue forever (and ever).

And, when opening a paragraph, you can add “ style="font-size:13px;" ” like this (p style="font-size:13px;") and the number before “px” is the amount you can adjust. You don’t need to put this on closing. So, (p style="font-size:14px;")Hello, world!(/p) appears as:

Hello, world!



For reference, I will demonstrate a standard ProZ, 12px, 14px, and 16px size letters. The code is:



Hello, world! How are you?



Hello, translator! I am little tired. And you?



In many ways, my work involves being a little tired.



Let’s learn a little about investments and retirement, shall we? And don’t forget to visit me.



____

Ah, (br) means a line break, but you can just hit enter on WYSIWYG editor. This tag doesn’t need a closing one.

Well, the article should end here, but you want more right? So, let’s get to colors and font families.

For colors, the method is the same, but with “color: your color;”:

(p style=" font-size: 13px; color: Black;")Your text here(/p)

The colors, that I tested and worked, are red, blue, yellow, brown, green, pink, orange, indigo, and purple. But feel free to experiment, there is no self-destructing code in testing new colors—I hope… You can check more colors here:

https://www.tutorialspoint.com/html/html_color_names.htm

And crimson works too! No, I am not a vampire; I just like the sound of the word crimson… crimson… but let’s continue…

Open the paragraph and after (or before) font-size put “font-family: your font;”. Remember to place the semicolon, I will not explain it in this article, because is a little technical, and I am writing this article to help all the newcomers or veterans who don’t want to learn HTML.

(p style="font-family: Times New Roman; font-size: 17px;")Your text here(/p)

There are a lot of families, but it’s better to play safe, focus on the most known ones, like Times New Roman, Arial, or Georgia. This site can help you more:

https://www.w3schools.com/cssref/css_websafe_fonts.asp

Before saving your bio, check it with the preview, just close the code view—click on it again. Remember to see your bio on different devices to find out if it’s really working.

To wrap up, just copy and paste between any sentences:

(p style="font-family: Times New Roman; color: Black; font-size: 17px;")Your text here(/p)

You can adjust to your taste. Try it, play with it, it won’t bite you.

Just a quick note about your code: you can put an “enter space” between the code to help it become a little clean.



Now put what you learn into practice! Don’t need to fear HTML. It’s here to help you write an outstanding bio. Make me proud.

Reference: Learning Web Design — A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics, by Jennifer Niederst Robbins.



Copyright © ProZ.com, 1999-2024. All rights reserved.
Comments on this article

Knowledgebase Contributions Related to this Article
  • No contributions found.
     
Want to contribute to the article knowledgebase? Join ProZ.com.


Articles are copyright © ProZ.com, 1999-2024, except where otherwise indicated. All rights reserved.
Content may not be republished without the consent of ProZ.com.