Difference between web font & graphic font?

Beatrice

New Member
What would you say is the difference between a web font and a graphic font? Would this be the same as saying desktop font vs web font? Do you get confused by the two?
 

cmarydai

New Member
Web fonts are standard and come installed on all computers (you can search for a list). They are fonts like verdana, georgia, etc, and are usually called web safe fonts.

I have never heard to other fonts called "graphic fonts", but these fonts are not previously installed on computers and must be downloaded. If the font is used in web design, you'll have to use CSS to display it.
 

ronaldroe

Super Moderator
Staff member
Web fonts are standard and come installed on all computers (you can search for a list). They are fonts like verdana, georgia, etc, and are usually called web safe fonts.

I have never heard to other fonts called "graphic fonts", but these fonts are not previously installed on computers and must be downloaded. If the font is used in web design, you'll have to use CSS to display it.

Um. No.

Web fonts are fonts embedded using @font-face.

Haven't heard of "graphic" fonts, but I'm guessing you mean like icon fonts. Windows has a few installed already, like Wingdings, but you can make your own with any of the several online tools out there.
 

cmarydai

New Member
Um. No.

Web fonts are fonts embedded using @font-face.

Haven't heard of "graphic" fonts, but I'm guessing you mean like icon fonts. Windows has a few installed already, like Wingdings, but you can make your own with any of the several online tools out there.

Yes I know the overall umbrella term for these fonts are, but when considering the question she probably wanted web safe fonts vs @fontface fonts to be distinguished. :)
 

Alpha

New Member
Web font consists of tuned font and use for developing the professional websites & website design by using the cascading style sheet.
Web font and Desktop font is not same font because desktop font is used or for software applications of computers.
 

chrishirst

Well-Known Member
Staff member
Web font consists of tuned font and use for developing the professional websites & website design by using the cascading style sheet.
Web font and Desktop font is not same font because desktop font is used or for software applications of computers.

Wrong! and that isn't the question.

"web" fonts are ones that CAN be used for 'web' documents, and that includes ALL 'desktop' fonts when using CSS3 typography.

Graphical fonts are ones that are NOT contained in a 'font' file but are in the form of an image, and as such are used for creating a letter, number or word that has been "stylised" as a logo or a trademark.

Examples include 'Twitter', 'Marks and Spencer', 'Coca Cola' 'Nike' but there ARE many others
 
Desktop Font - It is designed to install on your computer so we can use applications like Adobe Photoshop or Microsoft Word

Web Font - Specially developed for the websites
 

uaxelabs

New Member
You can install web fonts in a variety of ways. Here are the most common methods:

  1. Use Adobe Fonts: With Adobe’s Creative Cloud platform, you can conduct web fonts directly through their service. Once you’re a subscriber, count your desired fonts to a web kit. Then, it would help if you mandated your CSS to pull the web fonts from Adobe. It’s not difficult, but it does require some knowledge of CSS (Adobe offers tutorials on how to use their fonts for WordPress here)
  2. Adobe Fonts: Adobe Fonts isn’t the only service that hosts fonts in this manner. Google Fonts is another perfect.
  3. Integrate fonts: The most “progressive” of the options, web font files may also be uploaded to your server and styled directly within your website’s stylesheet.
  4. Use a Plugin: WordPress users may opt to install a plugin, like Use Any Font, to upload their favourite fonts and apply them across their site. For most themes, applying fonts with a plugin requires CSS knowledge so that you can target and style the fonts.
A desktop font functions likewise to how it sounds—from your desktop. With a desktop font, you download and install the font file on your computer.

Most desktop font files will download as a .zip file, from which you’ll extract a file that ends with .otf or .ttf, or rarely, .ps1 (if you want to nerd out and learn the differences between these, check out this article, but to run the font on your computer, it doesn’t matter).

Once you’ve accurately installed the desktop font, you can use it in any application that runs fonts from your computer’s font library—think Word, Excel, PowerPoint, Photoshop, and the like.
 
Top