SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
‫سه گانه زبان و ادب پارسی بر پهنه سپهر مجازی‬
                                     ‫- دفتر اول: قلم‬
      ‫- دفتر دوم: قلم پارسی، زبان پارسی، نشر رومیزی‬
 ‫- دفتر سوم: سامانه یونیکد، زبان پارسی و سپهر مجازی‬
‫به اهنر و تکنیک چیدمان نشانهاها‬
                                                      ‌‫ه‬
 Line Spacing                                            ‫تایپوگرافی گفته می شود‬
                        Typography



                                        Face of Type
          Line Length



                           Point Size




"Typography is now something everybody does."
digital typography
printing press
                 desktop publishing




   Font              Typeface
What is font:
Wikipedia: In typography, a font is traditionally defined as a quantity of sorts composing a complete
character set of a single size and style of a particular typeface.
“9-point Bulmer” is called a font, and the “10-point Bulmer”

                                                                                           ‫قلم چیست؟‬
                ‫بطور سنتی، مجموعه ای از نشانه ها با شکل، سبک و اندازه یکسان قلم گفته میشود‬
                   ‌‫ش‬


What is Typeface?
In typography, a typeface is the artistic representation or interpretation of characters



                             Typeface                        Font-family
Typeface anatomy
-------------------------
serif :: Times new roman
Microsoft's version of Times New Roman
licensed from Monotype
Free alternatives:
FreeSerif
Liberation Serif
-----------
Sans-serif :: Arial :: Microsoft
Free alternatives: Liberation Sans is a
metrically equivalent font to Arial
developed by Ascender Corp. and
published by Red Hat in 2007 under the
GPL license with some exceptions
--------
Monospace:: FreeMono
Computer Font:
A computer font (or font) is an electronic data file containing a set of
glyphs, characters, or symbols such as dingbats.
    (‫به داده های الکترونیکی شامل مجموعه ای از گلیف ها، نشانه ها یا علمئم، فونت )قلم‬
                                                           .‫کامپیوتری گفته میشود‬
                                                               ‌‫ش‬
 .‫قلم کامپیوتری حاصل تحقیقات پبسیار یشرفته آزمایشگاههای شرکت های عظیم است‬
                       ‌‫ش‬
Apple : AAT or Apple Advanced Typography
Microsoft: Microsoft Typography
Adobe: Adobe Type
‫گلیف )‪ :(Glyph‬به حالت نمایشی یک نشانه گلیف گفته می شود.‬


 ‫بـ ، ـب ، ـبـ ، ب‬
‫گلیف های ترکیبی )‪ :(Glyph‬به گلیفی که ترکیبی از چند گلیف باشد.‬



           ‫آ، أ، ئ، ...‬
Computer Font Types:
- Raster Fonts (Fast Render, Low Quality)
8, 9, 10, 12, 14, 18, 24, 36, 48, 72, and 96 points
  * Portable Compiled Format (PCF)
Use in Console
Computer Font Types:
- Outline Fonts (Complicated
Render, Very High Quality)

** Glyph based on Bézier curve
p(t) = (1-t)2p0 + 2t(1-t)p1 + t2p2
(a)X2+(b)X+C=0
Format of outline fonts:
Type 1 and Type 3 : .pfb, .pfa : Adobe
      TrueType : .TTF : Apple
OpenType: .OTF : Microsoft & Adobe
TrueType :: .TTF
Developed by Apple Computer, Apple
licensed TrueType to Microsoft
FreeType project of David Turner attempts
to create an independent implementation
of the TrueType standard
- FreeType FreeType is included in many
Linux distributions
OpenType: .OTF
Created by Microsoft and Adobe, built on its predecessor TrueType
1. Accommodates the Unicode character encoding (as well as others), so
that it can support any writing script (or multiple scripts at once).

2. Accommodates up to 65,536 (2^16) glyphs.

3. Advanced typographic "layout" : kerning, Baseline, ligatures

4. Cross-platform font files, which can be used without modification on Mac
OS, Windows and Unix systems.
kerning :
process of adjusting the spacing between characters in
a proportional font
Baseline
‫:‪Typographic ligature‬‬
          ‫ترکیب اجزاء زبان نوشتاری که منجر به ایجاد یک گلیف جدید میشود‬
             ‫ش‌‬


                          ‫ل+ا = ل‬
                         ‫ل+ا ≠ لـا‬
1) Subpixel:


2) Font rasterization:: (Font Render Engine)
Microsoft :: ClearType : subpixel rendering technology
Mac OS X's :: Quartz
PDF documents are usually rendered with Adobe
CoolType.
Most other systems use the FreeType library

2-1) anti-aliasing :: 50% gray

2-2) Font hinting :: remove extra Shadow
Point . Pixel . Em . % ::
1 point = 1⁄72 inches = 25.4⁄72 mm = 0.3527 mm
pixel_size = point_size * resolution(dpi) / 72
Glyph Structure:
** Glyph based on Bézier curve
p(t) = (1-t)2p0 + 2t(1-t)p1 + t2p2
How many points are necessary?
          Base on True Type
The Master grid, Master Outline (EM square):
pixel_size = point_size * resolution / 72 Sample: 12*300/72 = 50px (Size of EM Square)

TrueType fonts use an EM size of 2048 units; Type 1 PostScript fonts have a fixed EM size of 1000
grid units but point coordinates can be expressed as floating values.
Grid units are very often called font units or EM units.
Font Engline
Base on TrueType

How the font engine works
   - The master outline description of the glyph is scaled to the appropriate size.
   - The scaled outline is grid-fitted according to its associated instructions.
   - The grid-fitted outline is scan converted to produce a bitmap image suitable for
raster display.
1. Master Outline -> 2. Scaled Outline -> 3. Grid-fitted Outline -> 4. Raster image
Dropout
A dropout is filled in using a DELTAP instruction
The TrueType Font File:
1. Glyphs (‘glyf’) :: glyph id
2. Character to Glyph Mapping (‘cmap’)
subtables
platform id ,...
3 . Glyph Names (‘post’):
4 . Metrics, Style, Weight, etc. (‘hmtx’, ‘hdmx’, ‘OS/2’, etc.)
hmtx: advance width, left side :: h. In right to left scripts,
glyphs still are described using a left to right coordinate
system.
5 . Kerning (‘kern’)

                            ‫ادیب بهروز‬
                            ‫اسلمی فر‬
Font management software:
Linux desktop environments (such as KDE and Gnome) manage
fonts for applications using their internal framework

Font-Manager
Fontmatrix.org
‫پایان‬

Contenu connexe

En vedette

En vedette (17)

Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Arrays in PHP
Arrays in PHPArrays in PHP
Arrays in PHP
 
Execute MySQL query using command prompt
Execute MySQL query using command promptExecute MySQL query using command prompt
Execute MySQL query using command prompt
 
What's new in PHP 7.1
What's new in PHP 7.1What's new in PHP 7.1
What's new in PHP 7.1
 
PHP Comprehensive Overview
PHP Comprehensive OverviewPHP Comprehensive Overview
PHP Comprehensive Overview
 
PHP
PHPPHP
PHP
 
Form Processing In Php
Form Processing In PhpForm Processing In Php
Form Processing In Php
 
PHP variables
PHP  variablesPHP  variables
PHP variables
 
State management
State managementState management
State management
 
Execute sql query or sql command sql server using command prompt
Execute sql query or sql command sql server using command promptExecute sql query or sql command sql server using command prompt
Execute sql query or sql command sql server using command prompt
 
Php forms
Php formsPhp forms
Php forms
 
Cookie and session
Cookie and sessionCookie and session
Cookie and session
 
Constructors & destructors
Constructors & destructorsConstructors & destructors
Constructors & destructors
 
Cookies and sessions
Cookies and sessionsCookies and sessions
Cookies and sessions
 
MySql slides (ppt)
MySql slides (ppt)MySql slides (ppt)
MySql slides (ppt)
 
Constructor ppt
Constructor pptConstructor ppt
Constructor ppt
 
Php Tutorial
Php TutorialPhp Tutorial
Php Tutorial
 

Similaire à Font

C101 – Intro to Programming with C
C101 – Intro to Programming with CC101 – Intro to Programming with C
C101 – Intro to Programming with Cgpsoft_sk
 
Console I/o & basics of array and strings.pptx
Console I/o & basics of array and strings.pptxConsole I/o & basics of array and strings.pptx
Console I/o & basics of array and strings.pptxPRASENJITMORE2
 
Unit 1 c - all topics
Unit 1   c - all topicsUnit 1   c - all topics
Unit 1 c - all topicsveningstonk
 
What is turbo c and how it works
What is turbo c and how it worksWhat is turbo c and how it works
What is turbo c and how it worksMark John Lado, MIT
 
Elem of design unit 7 module 2 investigation of fonts
Elem of design unit 7 module 2 investigation of fontsElem of design unit 7 module 2 investigation of fonts
Elem of design unit 7 module 2 investigation of fontskateridrex
 
Chapter 1 1
Chapter 1 1Chapter 1 1
Chapter 1 1bolovv
 
Introduction to C programming
Introduction to C programmingIntroduction to C programming
Introduction to C programmingRokonuzzaman Rony
 
The Next Mainstream Programming Language: A Game Developer's Perspective
The Next Mainstream Programming Language: A Game Developer's PerspectiveThe Next Mainstream Programming Language: A Game Developer's Perspective
The Next Mainstream Programming Language: A Game Developer's Perspectivekfrdbs
 
Programming introduction
Programming introductionProgramming introduction
Programming introductionExplore Skilled
 
Computer program, computer languages, computer software
Computer program, computer languages, computer softwareComputer program, computer languages, computer software
Computer program, computer languages, computer softwareSweta Kumari Barnwal
 
Common mistakes in C programming
Common mistakes in C programmingCommon mistakes in C programming
Common mistakes in C programmingLarion
 
Lesson 1-3 Fundamentals of Programming.pptx
Lesson 1-3 Fundamentals of Programming.pptxLesson 1-3 Fundamentals of Programming.pptx
Lesson 1-3 Fundamentals of Programming.pptxDysRobles
 

Similaire à Font (20)

Wide Open Faces
Wide Open FacesWide Open Faces
Wide Open Faces
 
C101 – Intro to Programming with C
C101 – Intro to Programming with CC101 – Intro to Programming with C
C101 – Intro to Programming with C
 
CD U1-5.pptx
CD U1-5.pptxCD U1-5.pptx
CD U1-5.pptx
 
Console I/o & basics of array and strings.pptx
Console I/o & basics of array and strings.pptxConsole I/o & basics of array and strings.pptx
Console I/o & basics of array and strings.pptx
 
Unit 1 c - all topics
Unit 1   c - all topicsUnit 1   c - all topics
Unit 1 c - all topics
 
What is turbo c and how it works
What is turbo c and how it worksWhat is turbo c and how it works
What is turbo c and how it works
 
Elem of design unit 7 module 2 investigation of fonts
Elem of design unit 7 module 2 investigation of fontsElem of design unit 7 module 2 investigation of fonts
Elem of design unit 7 module 2 investigation of fonts
 
Chapter 1 1
Chapter 1 1Chapter 1 1
Chapter 1 1
 
Introduction to C programming
Introduction to C programmingIntroduction to C programming
Introduction to C programming
 
C_Intro.ppt
C_Intro.pptC_Intro.ppt
C_Intro.ppt
 
The Next Mainstream Programming Language: A Game Developer's Perspective
The Next Mainstream Programming Language: A Game Developer's PerspectiveThe Next Mainstream Programming Language: A Game Developer's Perspective
The Next Mainstream Programming Language: A Game Developer's Perspective
 
Programming introduction
Programming introductionProgramming introduction
Programming introduction
 
C
CC
C
 
Chap7
Chap7Chap7
Chap7
 
Computer program, computer languages, computer software
Computer program, computer languages, computer softwareComputer program, computer languages, computer software
Computer program, computer languages, computer software
 
Common mistakes in C programming
Common mistakes in C programmingCommon mistakes in C programming
Common mistakes in C programming
 
Unit 2 graphics
Unit 2 graphicsUnit 2 graphics
Unit 2 graphics
 
Lesson 1-3 Fundamentals of Programming.pptx
Lesson 1-3 Fundamentals of Programming.pptxLesson 1-3 Fundamentals of Programming.pptx
Lesson 1-3 Fundamentals of Programming.pptx
 
AS TASKS #8
AS TASKS #8AS TASKS #8
AS TASKS #8
 
LISP.ppt
LISP.pptLISP.ppt
LISP.ppt
 

Dernier

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Jeffrey Haguewood
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Orbitshub
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamUiPathCommunity
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityWSO2
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Victor Rentea
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Zilliz
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontologyjohnbeverley2021
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)Samir Dash
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusZilliz
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKJago de Vreede
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...apidays
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistandanishmna97
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...apidays
 

Dernier (20)

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
AI+A11Y 11MAY2024 HYDERBAD GAAD 2024 - HelloA11Y (11 May 2024)
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with MilvusExploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
 
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUKSpring Boot vs Quarkus the ultimate battle - DevoxxUK
Spring Boot vs Quarkus the ultimate battle - DevoxxUK
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In PakistanCNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 

Font

  • 1.
  • 2. ‫سه گانه زبان و ادب پارسی بر پهنه سپهر مجازی‬ ‫- دفتر اول: قلم‬ ‫- دفتر دوم: قلم پارسی، زبان پارسی، نشر رومیزی‬ ‫- دفتر سوم: سامانه یونیکد، زبان پارسی و سپهر مجازی‬
  • 3. ‫به اهنر و تکنیک چیدمان نشانهاها‬ ‌‫ه‬ Line Spacing ‫تایپوگرافی گفته می شود‬ Typography Face of Type Line Length Point Size "Typography is now something everybody does."
  • 4. digital typography printing press desktop publishing Font Typeface
  • 5. What is font: Wikipedia: In typography, a font is traditionally defined as a quantity of sorts composing a complete character set of a single size and style of a particular typeface. “9-point Bulmer” is called a font, and the “10-point Bulmer” ‫قلم چیست؟‬ ‫بطور سنتی، مجموعه ای از نشانه ها با شکل، سبک و اندازه یکسان قلم گفته میشود‬ ‌‫ش‬ What is Typeface? In typography, a typeface is the artistic representation or interpretation of characters Typeface Font-family
  • 6. Typeface anatomy ------------------------- serif :: Times new roman Microsoft's version of Times New Roman licensed from Monotype Free alternatives: FreeSerif Liberation Serif ----------- Sans-serif :: Arial :: Microsoft Free alternatives: Liberation Sans is a metrically equivalent font to Arial developed by Ascender Corp. and published by Red Hat in 2007 under the GPL license with some exceptions -------- Monospace:: FreeMono
  • 7. Computer Font: A computer font (or font) is an electronic data file containing a set of glyphs, characters, or symbols such as dingbats. (‫به داده های الکترونیکی شامل مجموعه ای از گلیف ها، نشانه ها یا علمئم، فونت )قلم‬ .‫کامپیوتری گفته میشود‬ ‌‫ش‬ .‫قلم کامپیوتری حاصل تحقیقات پبسیار یشرفته آزمایشگاههای شرکت های عظیم است‬ ‌‫ش‬ Apple : AAT or Apple Advanced Typography Microsoft: Microsoft Typography Adobe: Adobe Type
  • 8. ‫گلیف )‪ :(Glyph‬به حالت نمایشی یک نشانه گلیف گفته می شود.‬ ‫بـ ، ـب ، ـبـ ، ب‬ ‫گلیف های ترکیبی )‪ :(Glyph‬به گلیفی که ترکیبی از چند گلیف باشد.‬ ‫آ، أ، ئ، ...‬
  • 9. Computer Font Types: - Raster Fonts (Fast Render, Low Quality) 8, 9, 10, 12, 14, 18, 24, 36, 48, 72, and 96 points * Portable Compiled Format (PCF) Use in Console
  • 10. Computer Font Types: - Outline Fonts (Complicated Render, Very High Quality) ** Glyph based on Bézier curve p(t) = (1-t)2p0 + 2t(1-t)p1 + t2p2 (a)X2+(b)X+C=0
  • 11. Format of outline fonts: Type 1 and Type 3 : .pfb, .pfa : Adobe TrueType : .TTF : Apple OpenType: .OTF : Microsoft & Adobe
  • 12. TrueType :: .TTF Developed by Apple Computer, Apple licensed TrueType to Microsoft FreeType project of David Turner attempts to create an independent implementation of the TrueType standard - FreeType FreeType is included in many Linux distributions
  • 13. OpenType: .OTF Created by Microsoft and Adobe, built on its predecessor TrueType 1. Accommodates the Unicode character encoding (as well as others), so that it can support any writing script (or multiple scripts at once). 2. Accommodates up to 65,536 (2^16) glyphs. 3. Advanced typographic "layout" : kerning, Baseline, ligatures 4. Cross-platform font files, which can be used without modification on Mac OS, Windows and Unix systems.
  • 14. kerning : process of adjusting the spacing between characters in a proportional font
  • 16. ‫:‪Typographic ligature‬‬ ‫ترکیب اجزاء زبان نوشتاری که منجر به ایجاد یک گلیف جدید میشود‬ ‫ش‌‬ ‫ل+ا = ل‬ ‫ل+ا ≠ لـا‬
  • 17. 1) Subpixel: 2) Font rasterization:: (Font Render Engine) Microsoft :: ClearType : subpixel rendering technology Mac OS X's :: Quartz PDF documents are usually rendered with Adobe CoolType. Most other systems use the FreeType library 2-1) anti-aliasing :: 50% gray 2-2) Font hinting :: remove extra Shadow
  • 18. Point . Pixel . Em . % :: 1 point = 1⁄72 inches = 25.4⁄72 mm = 0.3527 mm pixel_size = point_size * resolution(dpi) / 72
  • 19. Glyph Structure: ** Glyph based on Bézier curve p(t) = (1-t)2p0 + 2t(1-t)p1 + t2p2
  • 20. How many points are necessary? Base on True Type
  • 21. The Master grid, Master Outline (EM square): pixel_size = point_size * resolution / 72 Sample: 12*300/72 = 50px (Size of EM Square) TrueType fonts use an EM size of 2048 units; Type 1 PostScript fonts have a fixed EM size of 1000 grid units but point coordinates can be expressed as floating values. Grid units are very often called font units or EM units.
  • 22. Font Engline Base on TrueType How the font engine works - The master outline description of the glyph is scaled to the appropriate size. - The scaled outline is grid-fitted according to its associated instructions. - The grid-fitted outline is scan converted to produce a bitmap image suitable for raster display. 1. Master Outline -> 2. Scaled Outline -> 3. Grid-fitted Outline -> 4. Raster image
  • 23. Dropout A dropout is filled in using a DELTAP instruction
  • 24. The TrueType Font File: 1. Glyphs (‘glyf’) :: glyph id 2. Character to Glyph Mapping (‘cmap’) subtables platform id ,... 3 . Glyph Names (‘post’): 4 . Metrics, Style, Weight, etc. (‘hmtx’, ‘hdmx’, ‘OS/2’, etc.) hmtx: advance width, left side :: h. In right to left scripts, glyphs still are described using a left to right coordinate system. 5 . Kerning (‘kern’) ‫ادیب بهروز‬ ‫اسلمی فر‬
  • 25. Font management software: Linux desktop environments (such as KDE and Gnome) manage fonts for applications using their internal framework Font-Manager Fontmatrix.org