Expiring Today—Celebrate National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


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

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 http://bit.ly/2xcHs7q

Current problem
Access to Font at 'http://XXX.org/wp-content/themes/Impreza/framework/fonts/fontawesome-webfont.woff?v=4.7.0' from origin 'http://www.lutaizhang.org' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains the invalid value 'www.lutaizhang.org'. Origin 'http://www.lutaizhang.org' is therefore not allowed access.

Concerto's Cloud Advisory Services
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

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";

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="https://code.jquery.com/jquery-3.0.0.min.js"  integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0="  crossorigin="anonymous"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></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 (http://jose-chess.sourceforge.net/) 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;
bmp.canvas.font.name := 'Arial';
bmp.canvas.font.size := 18;
bmp.canvas.font.style := [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.

Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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?
I found Helvetica 12 pt to be more readable that Time 12 and used it for me entire book.

I wrote the book in Word (Mac 2017) and exported to PDF.

Is Helvetica typically available on people PC's and devices?

I have made T.O.C.'s before and find it simple. But I do not want to use Title 1 to define the Chapter heading.

How do I do set me own?

I want it to be:

Helvetica 16

I have a book coming out in digital media and need fonts, point sizes, stylings, etc.

for :

Chapter Name
Section Name
Paragraph text

and whatever else I may be forgetting.

This needs to be readable, on portable devices also.

What do you suggest?

It will be Word (2017) saving as a Docx, but I need to SaveAs PDF.


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Hi Guys,

we have sent out a newsletter via outlook mail to all users and the font was sent out in Lato. when being received on some users PC's it is showing up as other fonts, some users got times new roman?

what would cause this to change? all office 2016 packages come with Lato as far as i can tell?
I need to use Photoshop CC to elect an object and place a darker border around it.

For example, this image...

typical object
How do I do this in an automated way? I do not want to draw the lines myself, with the line tool.

The following is my code to measure the text width in a picture box and it works fine

Dim fontToMeasure As New Font("Microsoft Sans Serif", 14, FontStyle.Bold)
TextWidthIs = PictureBox1.CreateGraphics.MeasureString(TextLineIs, fontToMeasure).Width.ToString

The problem is that when I want to change the font from inside a loop e.g.

Dim fontToMeasure As New Font("Microsoft Sans Serif", 14, FontStyle.Bold)
For I=1  to 2
    if I=1 then (I want the font to be arial,16,normal)
    if I=1 then (I want the font to be Microsoft Sans ,14,bold)
   TextWidthIs = PictureBox1.CreateGraphics.MeasureString(TextLineIs, fontToMeasure).Width.ToString

Any Idea?
Many web pages get some crummy, unreadable, text.

Attached is PhpMyAdmin.

I have been told it's my default font that's broken.

Can anyone tell me how to change that?

MFC CComboBox won't display wide characters.
I'm using VS 2008, UNICODE is defined in the build and all of the prompts and other strings in the app are coming out fine.
The first try I just added the strings like any combobox and the display and dropdown showed a black line for each
character like the font was wrong.

I tried to SetFont to no avail.

I went to an owner-drawn combo box with no change.
The string shows correctly in the debugger (both in the watch and in the hover box).
the string is "Активна" and, copied from the debugger window,  shows up fine in WordPad.

In DrawItem I did:

      CString fontName;
      CDC dc;

//fontName is "MS Sans Serif" which is is expected and what I am using in the rest of my app and is reported to support Cyrillic.
//The rest is :

      CString thisString;
      GetLBText(lpDrawItemStruct->itemID, thisString);      

//note that at this point,  thisString shows to have the correct string in the debugger

      dc.TextOut(rc.left+iOffsetX, rc.top + iPosY,thisString);      

And I get " ||||||| "  in the combo box (both edit box and dropdown).

      dc.TextOut(rc.left+iOffsetX, rc.top + iPosY,L"TESTSTRING");
works fine.

Any ideas would be helpful...I've been working this way too long.
My old version of Mac Word (2011) allowed me to highlight the text, then click a sample font, which i used for heading styles.

When I create a Table of Contents, these styles were key.

How do I do this with my new version of Word?


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.