Forum Fonts and formatting issues – 306 days old

[Lester]

Choose a Font For Your Forum Post - bbCode Basics


Note: If this is a little unclear to you, you may want to research bbCode ( its used on most - if not all - community forums ) Wiki and CMS use Markdown, which is not the same - but similar.

The tag used for fonts is [font], and as with the [color] tag, you need to specify an option, which is a code representing the font of your choice.

However, fonts choice is limited in bbCode, as is the case with HTML, because bbCode is converted to HTML once you post your message

NOTE : HTML calls the fonts from YOUR computers via YOUR browser and YOUR Operating system. So what is rendered is dependant upon YOUR browser and YOUR chosen operating system. NOT the serving system or the operating system the serving system is hosted upon. Which is why HTML calls only few widely used fonts.

Now to be very clear BBCode is just a formating syntax that is easy and safe to use bbCode is converted to HTML by the server side application and NOT by the browser, the browser cannot interpret BBCode.

---> Thus it is possible that bbCode is presented differently between the editing applications rendering and the browsers rendering of the generated HTML <---

The bbCode used on the community forum has not changed, the Editor has over the years been enhanced, however no changes have been made for several years.
The use of RAW HTML on the forum is prohibited, due to the ability to exploit HTML and damage the forum and the users operating system. (which we saw - by accident - when i enabled HTML for some publishers)

The important thing to note is that - in relation to the bbCode and associated editor - in the last few years NOTHING on this forum has been changed. Wheras operating systems and browsers most certainly have !

---

<---- Make use of the code editor to view / edit raw bbCode


Here is the list of codes for the fonts used in bbCode:

Examples of codes & their final look for 21 fonts:

[FONT=Arial]Custom Font[/FONT] - Custom Font

[FONT=Arial Black]Custom Font[/FONT] - Custom Font

[FONT=Arial Narrow]Custom Font[/FONT] - Custom Font

[FONT=Book Antiqua]Custom Font[/FONT] - Custom Font

[FONT=Century Gothic]Custom Font[/FONT] - Custom Font

[FONT=Comic Sans MS]Custom Font[/FONT] - Custom Font

[FONT=Courier New]Custom Font[/FONT] - Custom Font

[FONT=Fixedsys]Custom Font[/FONT] - Custom Font

[FONT=Franklin Gothic Medium]Custom Font[/FONT] - Custom Font

[FONT=Garamond]Custom Font[/FONT] - Custom Font

[FONT=Georgia]Custom Font[/FONT] - Custom Font

[FONT=Impact]Custom Font[/FONT] - Custom Font

[FONT=Lucida Console]Custom Font[/FONT] - Custom Font

[FONT=Lucida Sans Unicode]Custom Font[/FONT] - Custom Font

[FONT=Microsoft Sans Serif]Custom Font[/FONT] - Custom Font

[FONT=Palatino Linotype]Custom Font[/FONT] - Custom Font

[FONT=System]Custom Font[/FONT] - Custom Font

[FONT=Tahoma]Custom Font[/FONT] - Custom Font

[FONT=Times New Roman]Custom Font[/FONT] - Custom Font

[FONT=Trebuchet MS]Custom Font[/FONT] - Custom Font

[FONT=Verdana]Custom Font[/FONT] - Custom Font

[top204]

I had a sneaky feeling it was because I now have to use Windows 10, and Firefox cannot leave itself alone. What I didn't understand was when the code is being written in the editor, the formatting and font are what they should be, but as soon as it is published it changed.

Thanks for checking it our Lester.

[Lester]

bbCode is a set of tags based on the HTML language. bbCode allows you to add formatting to your forum posts in the same way as HTML does, but bbCode has a simpler syntax and will never break the layout of the pages you are viewing.

Below is a list of the BB code tags you can use to format your messages.

---

BB Code List

[b], [i], [u] Bold / Italic / Underline

[color] Color

[size] Size

[font] Font

[highlight] Highlight

[left], [right], [center] Left / Right / Center[indent] Indent

[email] Email Linking

[URL] URL Hyperlinking

[thread] Thread Linking

[post] Post Linking

[list] Bulleted Lists / Advanced Lists

[img] Images

[code] Code

[quote] Quote

[attach] Attachment

[a] Anchor

[align] Align

[floatright] Float Right

[h2] Header 2

[h3] Header 3

[high] High

[hr] Hr

[imglft] Float Left Image

[imgrft] Float Right Image

[jira] Jira

[LFT] Float Left

[minicode] Minicode

[name] Name

[node] Node

[note] Note

[pre] Pre Tag

[process] Process

[rft] Float Right

[s] Strikethrough

---

Incorrect BB Code Usage:

• Tags must be closed - for example [tag] [/tag]
• [url]www.example.com - don't put spaces between the bracketed code and the text you are applying the code to - for example this is bad [url] www.example.com

[Lester]

Some examples of bbCode syntax are shown below. when using the editor, switching between WYSIWYG view and code view , will help you see what formatting tags are used and the associated syntax.




The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.

Usage [b]value[/b] [i]value[/i] [u]value[/u]


Example Usage
this text is bold
this text is italic
this text is underlined

---

The [color] tag allows you to change the color of your text.

Usage [color=Option]value[/color]


Example Usage this text is blue

---

The [font] tag allows you to change the font of your text.

Usage [font=Option]value[/font]


Example Usage this text is in the courier font

---

The [highlight] tag allows you to emphasize your text.

Usage [highlight]value[/highlight]


Example Usage this text is highlighted

---

The [left], [right] and [center] tags allow you to change the alignment of your text.

Usage [left]value[/left]
[center]value[/center]
[right]value[/right]


Example Usage

this text is left-aligned

this text is center-aligned

this text is right-aligned

---

The[indent] tag allows you to indent your text.

Usage[indent]value[/indent]

Example Usage

this text is indented

---

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

Usage [email]value[/email]
[email=Option]value[/email]


Example Usage
[email protected]
Click Here to Email Me

---

The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.

Usage [url]value[/url]
[url=Option]value[/url]


Example Usage
https://www.crowhill.co.uk
Crownhill web site