Fonts Typography





A font is a particular size, weight and style of a typeface. Each font is a matched set of type, one piece (called a "sort") for each glyph, and a typeface consists of a range of fonts that share an overall design. With the advent of digital typography, font is frequently synonymous with typeface, although the two terms do not necessarily mean the same thing. In particular, the use of "vector" or "outline" fonts means that different sizes of a typeface can be dynamically generated from one design. Each style may still be in a separate "font file" -- for instance, the typeface "Futura" may include the fonts "Futura roman", "Futura italic", "Futura bold" and "Futura extended" —- but the term "font" might be applied either to one of these alone or to the whole typeface.

Share tech news, updates, or what's on your mind.

Sign up to Post

Hi All,

Courier New fonts has same with for each of the character.
Is there any other free fonts like it ?  

Thank you.
We have a machine here which will not display the powerpoint font, Century Gothic, correctly. It seems to be overlapping. What could be causing this issue on only this machine?

Images are below. Thanks.
Why is the google font url and the rel = sylesheet written with single quotes? Surely this must be a typo, yes?

<!doctype html>
<meta charset="UTF-8">
<title>Selector Basics</title>
<link href='' rel='stylesheet'>
body {
  background-color: rgb(50,122,167);
  padding: 0 20px 20px 20px;
  margin: 0;
p {
  color: rgba(255,255,255,.6);
  font-size: 1em;
  font-family: "Varela Round", Arial, Helvetica, sans-serif;
h1, h2, h3 {
  color: rgb(255,255,255);
  font-family: Arial, "Palatino Linotype", Times, serif;
  border-bottom: 2px solid rgb(87,185,178);
  padding-top: 10px;
  padding-bottom: 5px;  
h1 {
  font-size: 2em;
#logo {
  font-family: Baskerville, Palatino, sans-serif;
  font-size: 2em;
  color: rgba(255,255,255,.8);
  font-style: italic;
  text-align: center;
  margin-bottom: 30px;
  background-color: rgb(191,91,116);
  border-radius: 0 0 10px 10px;
  padding: 10px;
.note {
 color: black;
 border: 2px solid white;
 background-color: rgb(69,189,102);
 margin-top: 25px;
 margin-bottom: 35px;
 padding: 20px;
.note strong {
  color: white;
article {
  max-width: 760px;
  margin: 0 auto;
h1+p {
 color: rgb(255,255,255);
 font-size: 1.2em;
 line-height: 140%;
<div id="logo">
  CSS: The Missing Manual
<h1>The Amazing World of CSS</h1>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam

Open in new window

I have tried this on 3 different computers with Excel 2016 (Office 365 edition), with the same results.  This does not happen in Excel 2010 though.

1). I created a new document.
2). enter in any cell the following text: "this is a test                                      please make better"
3). Enable "Wrap Text"
4). Change font from Calibri 12 to Ariel 8, and bold the cell.
5). Save it. Close it.  Reopen it.  All looks good...
6). I make the 2nd line "please make this better" any color using Font Color tool.
7). Save it.  Reopen it, and now the 2nd line is Calibri 12, unbolded.  First line remains correct.  See images.

See my attached images, for a better idea.  

I cant figure out what the heck is going on and why this didnt happen on the Excel 2010 instance I have, only 2016.
Hi, I'm using After Effects CS5. -- I would like to preview what an actual font looks like, rather than having to select each font and previewing each one by one.

I was able to find a plug-in solution called FontList Plus, which sells for $29.99, but before I buy it, I was wondering if there was a free solution (preferably from Adobe) to preview AE CS5 fonts? Even a printed font list could work, although a "built in preview" feature would be very nice.

Any suggestions?

Thank you,
What is the default font used within the iPhone mail app when composing & replying to emails?
I've got text that has an unusual kind of formatting "shading": <span
style=3D'background:#80FFFF'>text</span> (if you take a peek in file saved as HTML)
17-09-21-02-54-032700.jpgNot a highlight, but it looks similar (highlight covers it, making you think it overrides it, but when you change it back to no highlight, the "3D BAckground" is still there).

How to batch convert all instances of it to a font color (say for example red)?
Currently my wordpress icon are broken (refer top right).
Which file should I edit so that I can point to cloudflare's files?

Website at

Current problem
Access to Font at '' from origin '' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value ''. Origin '' is therefore not allowed access.
My client wants to use he Comfortaa font on the website, and I suspect it is not available to everyone by default by just adding it to your CSS?

I notice that some sites that use it, import it from the is that what's happening here?
<link rel="stylesheet" type="text/css" href="//" />

But we can't do that, because our salesmen have a non-internet version that they show clients, and so it has to be available offline.

I've seen where you can download the font here:

But I don't know if that site is legit or just going to put spam and spyware on my machine.

Also, there is a download link on the right here, but I don't know if that is downloading this font or something else:

So the question is, when there is a custom font, how does one typically get it embedded for use into their website, and even their mobile app if possible?


I have always used Adobe Acrobat, but on your suggestion I am testing Nuance's Power PDF.  The thing that is most important to me is the ability to edit forms (either created by me or by others).  I am using a test form created by one of my client companies, and can't find a way for the Power PDF program to edit the font settings in the form.  This is an important feature.

I tried editing the font settings in Adobe Acrobat XI (which I currently use), and for the first time got a message that read "This form cannot be edited in Acrobat.  Please use Adobe's LiveCycle Designer to edit this form".  What is LiveCycle Designer, and is there no longer an Adobe product that will allow me to do what I need to do?  Or do I need to add the pricey LiveCycle to my Acrobat to get the form editing features?



I'd like to do some commercial printing. Can I use any type of font in Word + use all icons there?
Also which Icons I can use from other sources?

Please advise.
Trying to change font size of h1.entry-title.  Client has me using Google fonts Oswald Medium Green.  This is what I input into Simple Custom CSS but it is getting overridden and I don't know how to fix.  I tried to save H1 in Google fonts default typoography but it isn't taking.  This should be so simple but it isn't working.  Hoping someone can help!

h1.entry-title {
    font-size: 2.4rem;}

Open in new window

What is the CSS doing?

/* line 961, ../scss/2-framework/_font-awesome.scss */
.fa-eur:before {
  content: "\f153";
What tool can I use to list (and show examples in sentence form) of all the fonts on my system?

I would like to then create and print the list as a pdf.


One of my users is using Outlook 2011 on Mac with Exchange email account (Office 365). He has text based signature configured to appear in each email he sends.
We noticed that when people receive his emails the fonts are not the same size he used for composing emails. He used to size 8 Verdana for text and email but now we changed it to size 11 Verdana. Saved the settings and closed and reopened Outlook. When composing email it all looks fine. When I received his emails on Outlook 2016 Windows the fonts changed size 8 to size 6 and from size 11 to 8.5. We also checked some of his emails to which people replied and the fonts there vary from 8.5 to 12, but we don't know what email software recipients are using. We checked it in user's Sent items and it is fine there.
It looks like the emails this user is sending are all plain texts, at least the ones I saw.  
As far as I am concerned all of the updated for Outlook 20111 and his Mac are installed.

Is this just the way Mac "likes" the rest of the world or can we make sure that his emails are displayed properly?

I have the following script, and everything is working as intended.  My problem now is that when I update the variable value, I loose the ORIGINAL FONT of the field. Ex. when the user open the page the table has ?<h3> .... </h3> for he cells, and when I update the variable value, the Font or Format goes back to the normal Font NOT THE <H3>
I want to be able to update values keeping the same format or font.
This is the original cell from table
<tr><td width="180"><h3>Sub-total</h3> </td><td align="right" width="150"> <span id="total-price"><h3>15.98</h3> </span> </td></tr>

and when the listener updates the value, it works yes, but the font changes

Help tnx

             <script src=""  integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0="  crossorigin="anonymous"></script>
            <script src=""></script>
            <script type="text/javascript">
                  $(document).ready(function () {
                            //set an event listener on the click function of the submit button
                           // $("#submit").on("click", function(e){
                            //prevent the form from submitting
                           // e.preventDefault();
                                //reset quantity value when page reloads
                                // intercept 'change' event for the quantity input
                        $('#qty').on('change', …
Hi CSS Experts.

I have a font that supports font-weight of 700.

I would like whenever I use strong span in a paragraph for that "strong" to have a weight of 700.  

But I can't figure out how to do this in css.

Any suggestions?

I am writing a chess program and I am trying to build an elegant graphical interface. I checked Jose chess program ( and it uses chess true type fonts to build the chessboard with the pieces. I dont want to build a 3d chessboard, just a 2D. I wonder how emulate Jose behaviour of chess pieces? I mean, how I can use the chess TTF the way Jose does to display a 2D chessboard? Any suggestion?


Ps. By the way, I tried this code:

BMP : Tbitmap;
bmp := tbitmap.create;
bmp.width := 800;
bmp.height := 600; := 'Arial';
bmp.canvas.font.size := 18; := [fsbold];
with bmp.canvas do
textout(100, 100, 'TESTING');
brush.color := clBlue;
pen.color := clblack;
pen.width := 5;

It makes a bmp outlined of any TT font, but it doesnt get the result I was expecting.

Also, I tried:

with Image1.Picture.Bitmap.Canvas do
  Font.Color := clBlue;
  Brush.Stule := bClear;
  Font.Size := 13;
  Font.Name := "Chess Merida";

but the result is poor, like in the ZZZZZZ chess program (see image). Any ideas?

I have to tell you that also Chessbase (a chessgames database) use the same approach as the Jose chess program so I guess the code cant be so difficult …

Is there a way to adjust the font size of specific aspects of Windows 10 after installing the recent Creator's Upgrade?

Prior to this upgrade, Windows 10 allowed you to make changes in the size of fonts used in various places (eg Title bar, Menu, Message box, etc.).  In addition to the font, changes in size were also applied to the icons in toolbars, etc.

However, since the upgrade, I have not been able to locate a place to make those changes. That is particularly troubling because since installing the update, most of my system fonts and icons are extremely small and difficult to read.

in outlook 2016, i have everything set to 14.

view tab > view settings > conditional formatting. everything is set to 14
view tab > view settings > other settings. everything is set to 14.

i do not know how to make the TO, CC, BCC font larger. the font is small, but the auto populate names are big. if i were to type "bbbbb" in the TO part of a composed email, the font is small. i need that larger.

the display is set to large at 150%

screen shot
This is weird.  An old document contains a bunch of text that was accidentally converted to Symbol font.

xxxxxxx Some of the text CANNOT be converted back to calibri  (it becomes all boxes)

xxxxxxx Nearly identical text CAN be converted back to calibri (it is the word "Davids")

Why are they different?  
How can I convert them both back to Calibri?

(I already know that copying from it Word to Excel does then back to Word, but I want a purely MS Word solution.)

Hi there, I have some code to define/use a font (from a file), however I want use multiple.

current code:
@font-face {
	font-family: "Futura BT";
	font-style: normal;
	font-weight: 400;
	src: url("ufonts.com_futura-md-bt-medium.woff");
p {
    font-family: "Futura BT";
<p>Hello World</p>

Open in new window

What I want to do is add more fonts from files, every time I add another (copying the existing code) all fonts default to Times Roman New.

I can determine (positive, negative, or none) change in current value from previous value.  However, my boss wants to assign the arrow type icon with custom color?  Additionally, the color is determine by the following criteria...If current value (Col C) falls between 0 - 59 indicator arrow is Red, If it is between 60 - 69 indicator arrow is blue, and if it is between 70 - 100 indicator arrow is Black.

Col A =>  Indication of Changes =SIGN(C4-B4) Result is 1 (Positive trend arrow upward)
The  results can be either 1=Positive; 0=No Change (No Change dash); -1=Negative (Negative trend arrow downward)

Col B =>  Prior Months Value i.e.  88
Col C=> Current Months Value i.e. 89
Requirement is :

I have a fixed template of EXCEL where from row 4 to row 10 (may be more in future) will be deleted and added everyday from CSV. Now my VBS is deleting existing records from the excel and put data from CSV. which is working perfectly. After that small changes required, is it possible to make delete existing rows dynamically i.e. today I have 10 rows so it is clearing 10, tomorrow if 20 rows come can it clears those records and insert as per input row number from CSV.

here is my existing code :

srccsvfile = Wscript.Arguments(0)
tgtxlsfile = Wscript.Arguments(1)

'Create Spreadsheet
'Look for an existing Excel instance.
On Error Resume Next ' Turn on the error handling flag
Set objExcel = GetObject(, "Excel.Application")
'If not found, create a new instance.
If Err.Number = 429 Then  '> 0
  Set objExcel = CreateObject("Excel.Application")
End If

objExcel.Visible = False
objExcel.DisplayAlerts = False

'Import CSV into Spreadsheet
Set objWorkbookSrc = objExcel.Workbooks.Open(srccsvfile)
Set objWorksheetSrc = objWorkbookSrc.Worksheets(1)
Set objWorkbookTgt = objExcel.Workbooks.Open(tgtxlsfile)
Set objWorksheetTgt = objWorkbookTgt.Worksheets("Report")
'Adjust width of columns
Set objRange = objWorksheetSrc.UsedRange
objRange.Borders.LineStyle = 1
Set objRangeToCopy = objRange.Resize(objRange.Rows.Count - 1).offset(1)

objRangeToCopy.Copy objWorksheetTgt.Range("A4")

aList = Array("NOT ", "NO ", "NONE", "!")

Open in new window

I am designing a page menu that will be compatible with web browsers, mobiles and tablets. I have tiles for the selection screen, and text on the tiles. In my CSS I am using vm to determine the size of the font so that it will adjust according to the screen size, but when it gets to the size for mobiles the size of the font is too small. Is there a way to set the minimum font size when it auto adjusts it for mobiles?

Fonts Typography





A font is a particular size, weight and style of a typeface. Each font is a matched set of type, one piece (called a "sort") for each glyph, and a typeface consists of a range of fonts that share an overall design. With the advent of digital typography, font is frequently synonymous with typeface, although the two terms do not necessarily mean the same thing. In particular, the use of "vector" or "outline" fonts means that different sizes of a typeface can be dynamically generated from one design. Each style may still be in a separate "font file" -- for instance, the typeface "Futura" may include the fonts "Futura roman", "Futura italic", "Futura bold" and "Futura extended" —- but the term "font" might be applied either to one of these alone or to the whole typeface.

Top Experts In
Fonts Typography