SlideShare a Scribd company logo
FONT MAP
• artmiker •
Produced by Artmiker Studios on: July 1, 2023. All Intellectual Property mentioned in this document are owned by their own respective owners. All Rights Reserved.
Organizing the World of Fonts with AI
Fonts are more than just a collection of letters; they are an expression
of style, mood, and personality.
Fonts are the visual embodiment of written communication,
influencing the way we perceive and interpret text.
From elegant and sophisticated scripts to bold and assertive sans-serifs,
fonts have the power to convey emotions, establish brand identities,
and enhance the overall reading experience.
Introduction
What is FONT MAP?
● Font Map is an interactive map of more than 750 fonts organized
using machine learning to surface new relationships between fonts.
● Developer – Kevin Ho
● Support - Tobias Toft, Jochen Maria Weber, and the design
community at IDEO.
● Program used – Tensorflow and D3.js
source: experiments.withgoogle
AI in Organizing Visual Information
● Andrej Karpathy’s AI organized photos
● Thousands of photos were organized
by AI into a single map through higher
order visual recognition.
● This shows the effectivity of AI in
organizing visual information.
source: ideo stories
Exploring Fonts
● A diagram showing the
flow of the machine
learning algorithm from
font samples using the
word “handgloves” to the
assigned point in 2d space.
● Type designers often use
the term “handgloves” to
examine fonts.
source: ideo stories
AI Experiment
● Creation of training set of images, one for each font, using the
word “handgloves” for algorithm.
● This allowed each image to contain enough characters to represent
the various traits of each font.
● After having a bunch of font images, convolutional neural network
called VGG16 was used to generate for each font a list of numbers
that represents what the network thought were the notable visual
features of the image.
source: ideo stories
AI Experiment
● Neural Networks - are a subset of machine learning, and they are at
the heart of deep learning algorithms.
● Convolutional Neural Network (CNN) - Provide a more scalable
approach to image classification and object recognition tasks,
leveraging principles from linear algebra, specifically matrix
multiplication, to identify patterns within an image.
source: ideo stories
AI Experiment
● To get x,y points, embeddings
were ran through T-SNE.
● T-SNE is a popular algorithm
for taking large vectors and
compressing them into a
smaller space — in this case
into a 2-D plane.
source: ideo stories
AI Experiment
● The process resulted with 800
fonts in a 2-D space.
● There were clear font clusters
like a sans-serif group, and a
group of cursive fonts.
● The algorithm was also able
to cluster outliers, or fonts
that were more unique and
had fewer relations with
others.
source: ideo stories
Introducing Font Map
● The final result of
this exploration is
Font Map, an
interactive map of
more than 750
fonts organized
using machine
learning.
● An intelligent
systems that can
aid the design
process.
source: ideo stories
Citations:
Organizing the World of Fonts with AI. (Apr 20, 2017). Retrieved May 09, 2023, from
https://medium.com/ideo-stories/organizing-the-world-of-fonts-with-ai-7d9e49ff2b25
Font Map. (July, 2017). Retrieved May 08, 2023, from https://experiments.withgoogle.com/font-map
Convolutional Neural Networks. (n.d.). Retrieved May 08, 2023, from https://www.ibm.com/topics/convolutional-neural-networks
FOR CREATIVE CONTENT & CONSULTANCY SERVICES, PLEASE VISIT:
www.artmiker.com
END of SLIDE
www.artmiker.com

More Related Content

Similar to Font Map

IRJET- Hand Sign Recognition using Convolutional Neural Network
IRJET- Hand Sign Recognition using Convolutional Neural NetworkIRJET- Hand Sign Recognition using Convolutional Neural Network
IRJET- Hand Sign Recognition using Convolutional Neural Network
IRJET Journal
 
SP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with GephiSP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with Gephi
John Breslin
 
Sign Language Recognition with Gesture Analysis
Sign Language Recognition with Gesture AnalysisSign Language Recognition with Gesture Analysis
Sign Language Recognition with Gesture Analysis
paperpublications3
 
Gephi icwsm-tutorial
Gephi icwsm-tutorialGephi icwsm-tutorial
Gephi icwsm-tutorial
csedays
 
Gesture detection
Gesture detectionGesture detection
Gesture detection
JanitChawla1
 
Character recognition for bi lingual mixed-type characters using artificial n...
Character recognition for bi lingual mixed-type characters using artificial n...Character recognition for bi lingual mixed-type characters using artificial n...
Character recognition for bi lingual mixed-type characters using artificial n...
eSAT Publishing House
 
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine LearningMakine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Ali Alkan
 
Generative AI: A Comprehensive Tech Stack Breakdown
Generative AI: A Comprehensive Tech Stack BreakdownGenerative AI: A Comprehensive Tech Stack Breakdown
Generative AI: A Comprehensive Tech Stack Breakdown
Benjaminlapid1
 
Handwritten Text Recognition and Digital Text Conversion
Handwritten Text Recognition and Digital Text ConversionHandwritten Text Recognition and Digital Text Conversion
Handwritten Text Recognition and Digital Text Conversion
ijtsrd
 
Mirko Lucchese - Deep Image Processing
Mirko Lucchese - Deep Image ProcessingMirko Lucchese - Deep Image Processing
Mirko Lucchese - Deep Image Processing
MeetupDataScienceRoma
 
0th project presentation Temp.pptx
0th project presentation Temp.pptx0th project presentation Temp.pptx
0th project presentation Temp.pptx
techSemi
 
Character Recognition (Devanagari Script)
Character Recognition (Devanagari Script)Character Recognition (Devanagari Script)
Character Recognition (Devanagari Script)
IJERA Editor
 
A real time facial emotion recognition using 3D sensor and interfacing the re...
A real time facial emotion recognition using 3D sensor and interfacing the re...A real time facial emotion recognition using 3D sensor and interfacing the re...
A real time facial emotion recognition using 3D sensor and interfacing the re...
Mounika Kakarla
 
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptxHOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
WriteMe
 
HandwrittenDigitRecognitionusing.pdf
HandwrittenDigitRecognitionusing.pdfHandwrittenDigitRecognitionusing.pdf
HandwrittenDigitRecognitionusing.pdf
ShubhamTripathi290909
 
OWF14 - Big Data : The State of Machine Learning in 2014
OWF14 - Big Data : The State of Machine  Learning in 2014OWF14 - Big Data : The State of Machine  Learning in 2014
OWF14 - Big Data : The State of Machine Learning in 2014
Paris Open Source Summit
 
Real Time Sign Language Detection
Real Time Sign Language DetectionReal Time Sign Language Detection
Real Time Sign Language Detection
IRJET Journal
 
Persian MNIST in 5 Minutes
Persian MNIST in 5 MinutesPersian MNIST in 5 Minutes
Persian MNIST in 5 Minutes
Shahriar Yazdipour
 
Artificial Intelligence
Artificial IntelligenceArtificial Intelligence
Artificial Intelligence
Javaria Chiragh
 
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptxHOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
WriteMe
 

Similar to Font Map (20)

IRJET- Hand Sign Recognition using Convolutional Neural Network
IRJET- Hand Sign Recognition using Convolutional Neural NetworkIRJET- Hand Sign Recognition using Convolutional Neural Network
IRJET- Hand Sign Recognition using Convolutional Neural Network
 
SP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with GephiSP1: Exploratory Network Analysis with Gephi
SP1: Exploratory Network Analysis with Gephi
 
Sign Language Recognition with Gesture Analysis
Sign Language Recognition with Gesture AnalysisSign Language Recognition with Gesture Analysis
Sign Language Recognition with Gesture Analysis
 
Gephi icwsm-tutorial
Gephi icwsm-tutorialGephi icwsm-tutorial
Gephi icwsm-tutorial
 
Gesture detection
Gesture detectionGesture detection
Gesture detection
 
Character recognition for bi lingual mixed-type characters using artificial n...
Character recognition for bi lingual mixed-type characters using artificial n...Character recognition for bi lingual mixed-type characters using artificial n...
Character recognition for bi lingual mixed-type characters using artificial n...
 
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine LearningMakine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
Makine Öğrenmesi ile Görüntü Tanıma | Image Recognition using Machine Learning
 
Generative AI: A Comprehensive Tech Stack Breakdown
Generative AI: A Comprehensive Tech Stack BreakdownGenerative AI: A Comprehensive Tech Stack Breakdown
Generative AI: A Comprehensive Tech Stack Breakdown
 
Handwritten Text Recognition and Digital Text Conversion
Handwritten Text Recognition and Digital Text ConversionHandwritten Text Recognition and Digital Text Conversion
Handwritten Text Recognition and Digital Text Conversion
 
Mirko Lucchese - Deep Image Processing
Mirko Lucchese - Deep Image ProcessingMirko Lucchese - Deep Image Processing
Mirko Lucchese - Deep Image Processing
 
0th project presentation Temp.pptx
0th project presentation Temp.pptx0th project presentation Temp.pptx
0th project presentation Temp.pptx
 
Character Recognition (Devanagari Script)
Character Recognition (Devanagari Script)Character Recognition (Devanagari Script)
Character Recognition (Devanagari Script)
 
A real time facial emotion recognition using 3D sensor and interfacing the re...
A real time facial emotion recognition using 3D sensor and interfacing the re...A real time facial emotion recognition using 3D sensor and interfacing the re...
A real time facial emotion recognition using 3D sensor and interfacing the re...
 
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptxHOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_.pptx
 
HandwrittenDigitRecognitionusing.pdf
HandwrittenDigitRecognitionusing.pdfHandwrittenDigitRecognitionusing.pdf
HandwrittenDigitRecognitionusing.pdf
 
OWF14 - Big Data : The State of Machine Learning in 2014
OWF14 - Big Data : The State of Machine  Learning in 2014OWF14 - Big Data : The State of Machine  Learning in 2014
OWF14 - Big Data : The State of Machine Learning in 2014
 
Real Time Sign Language Detection
Real Time Sign Language DetectionReal Time Sign Language Detection
Real Time Sign Language Detection
 
Persian MNIST in 5 Minutes
Persian MNIST in 5 MinutesPersian MNIST in 5 Minutes
Persian MNIST in 5 Minutes
 
Artificial Intelligence
Artificial IntelligenceArtificial Intelligence
Artificial Intelligence
 
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptxHOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
HOW CONVOLUTIONAL NEURAL NETWORKS WORK_ (1).pptx
 

More from Artmiker Studios

Canva for Education
Canva for EducationCanva for Education
Canva for Education
Artmiker Studios
 
Fontjoy
FontjoyFontjoy
Charisma AI
Charisma AICharisma AI
Charisma AI
Artmiker Studios
 
Pear Deck
Pear DeckPear Deck
Pear Deck
Artmiker Studios
 
Rive
RiveRive
SoundBible
SoundBibleSoundBible
SoundBible
Artmiker Studios
 
Skylab
SkylabSkylab
Workplace Meta
Workplace MetaWorkplace Meta
Workplace Meta
Artmiker Studios
 
Hypefury
HypefuryHypefury
Repository Drive
Repository DriveRepository Drive
Repository Drive
Artmiker Studios
 
Kaedim
KaedimKaedim
Flowframes
FlowframesFlowframes
Flowframes
Artmiker Studios
 
Artgrid
ArtgridArtgrid
Notion
NotionNotion
Spine Simplified
Spine SimplifiedSpine Simplified
Spine Simplified
Artmiker Studios
 

More from Artmiker Studios (15)

Canva for Education
Canva for EducationCanva for Education
Canva for Education
 
Fontjoy
FontjoyFontjoy
Fontjoy
 
Charisma AI
Charisma AICharisma AI
Charisma AI
 
Pear Deck
Pear DeckPear Deck
Pear Deck
 
Rive
RiveRive
Rive
 
SoundBible
SoundBibleSoundBible
SoundBible
 
Skylab
SkylabSkylab
Skylab
 
Workplace Meta
Workplace MetaWorkplace Meta
Workplace Meta
 
Hypefury
HypefuryHypefury
Hypefury
 
Repository Drive
Repository DriveRepository Drive
Repository Drive
 
Kaedim
KaedimKaedim
Kaedim
 
Flowframes
FlowframesFlowframes
Flowframes
 
Artgrid
ArtgridArtgrid
Artgrid
 
Notion
NotionNotion
Notion
 
Spine Simplified
Spine SimplifiedSpine Simplified
Spine Simplified
 

Recently uploaded

Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
Pravash Chandra Das
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
Wouter Lemaire
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Tosin Akinosho
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
fredae14
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
Zilliz
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
Dinusha Kumarasiri
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
akankshawande
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
SitimaJohn
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
Tatiana Kojar
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
alexjohnson7307
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
HarisZaheer8
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
MichaelKnudsen27
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Jeffrey Haguewood
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
Pixlogix Infotech
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Wask
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
GDSC PJATK
 

Recently uploaded (20)

Operating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptxOperating System Used by Users in day-to-day life.pptx
Operating System Used by Users in day-to-day life.pptx
 
UI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentationUI5 Controls simplified - UI5con2024 presentation
UI5 Controls simplified - UI5con2024 presentation
 
Monitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdfMonitoring and Managing Anomaly Detection on OpenShift.pdf
Monitoring and Managing Anomaly Detection on OpenShift.pdf
 
Recommendation System using RAG Architecture
Recommendation System using RAG ArchitectureRecommendation System using RAG Architecture
Recommendation System using RAG Architecture
 
Building Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and MilvusBuilding Production Ready Search Pipelines with Spark and Milvus
Building Production Ready Search Pipelines with Spark and Milvus
 
Azure API Management to expose backend services securely
Azure API Management to expose backend services securelyAzure API Management to expose backend services securely
Azure API Management to expose backend services securely
 
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development ProvidersYour One-Stop Shop for Python Success: Top 10 US Python Development Providers
Your One-Stop Shop for Python Success: Top 10 US Python Development Providers
 
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxOcean lotus Threat actors project by John Sitima 2024 (1).pptx
Ocean lotus Threat actors project by John Sitima 2024 (1).pptx
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
Skybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoptionSkybuffer SAM4U tool for SAP license adoption
Skybuffer SAM4U tool for SAP license adoption
 
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
leewayhertz.com-AI in predictive maintenance Use cases technologies benefits ...
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
AWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptxAWS Cloud Cost Optimization Presentation.pptx
AWS Cloud Cost Optimization Presentation.pptx
 
Nordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptxNordic Marketo Engage User Group_June 13_ 2024.pptx
Nordic Marketo Engage User Group_June 13_ 2024.pptx
 
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
Letter and Document Automation for Bonterra Impact Management (fka Social Sol...
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Best 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERPBest 20 SEO Techniques To Improve Website Visibility In SERP
Best 20 SEO Techniques To Improve Website Visibility In SERP
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Digital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying AheadDigital Marketing Trends in 2024 | Guide for Staying Ahead
Digital Marketing Trends in 2024 | Guide for Staying Ahead
 
Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!Finale of the Year: Apply for Next One!
Finale of the Year: Apply for Next One!
 

Font Map

  • 1. FONT MAP • artmiker • Produced by Artmiker Studios on: July 1, 2023. All Intellectual Property mentioned in this document are owned by their own respective owners. All Rights Reserved. Organizing the World of Fonts with AI
  • 2. Fonts are more than just a collection of letters; they are an expression of style, mood, and personality. Fonts are the visual embodiment of written communication, influencing the way we perceive and interpret text. From elegant and sophisticated scripts to bold and assertive sans-serifs, fonts have the power to convey emotions, establish brand identities, and enhance the overall reading experience. Introduction
  • 3. What is FONT MAP? ● Font Map is an interactive map of more than 750 fonts organized using machine learning to surface new relationships between fonts. ● Developer – Kevin Ho ● Support - Tobias Toft, Jochen Maria Weber, and the design community at IDEO. ● Program used – Tensorflow and D3.js source: experiments.withgoogle
  • 4. AI in Organizing Visual Information ● Andrej Karpathy’s AI organized photos ● Thousands of photos were organized by AI into a single map through higher order visual recognition. ● This shows the effectivity of AI in organizing visual information. source: ideo stories
  • 5. Exploring Fonts ● A diagram showing the flow of the machine learning algorithm from font samples using the word “handgloves” to the assigned point in 2d space. ● Type designers often use the term “handgloves” to examine fonts. source: ideo stories
  • 6. AI Experiment ● Creation of training set of images, one for each font, using the word “handgloves” for algorithm. ● This allowed each image to contain enough characters to represent the various traits of each font. ● After having a bunch of font images, convolutional neural network called VGG16 was used to generate for each font a list of numbers that represents what the network thought were the notable visual features of the image. source: ideo stories
  • 7. AI Experiment ● Neural Networks - are a subset of machine learning, and they are at the heart of deep learning algorithms. ● Convolutional Neural Network (CNN) - Provide a more scalable approach to image classification and object recognition tasks, leveraging principles from linear algebra, specifically matrix multiplication, to identify patterns within an image. source: ideo stories
  • 8. AI Experiment ● To get x,y points, embeddings were ran through T-SNE. ● T-SNE is a popular algorithm for taking large vectors and compressing them into a smaller space — in this case into a 2-D plane. source: ideo stories
  • 9. AI Experiment ● The process resulted with 800 fonts in a 2-D space. ● There were clear font clusters like a sans-serif group, and a group of cursive fonts. ● The algorithm was also able to cluster outliers, or fonts that were more unique and had fewer relations with others. source: ideo stories
  • 10. Introducing Font Map ● The final result of this exploration is Font Map, an interactive map of more than 750 fonts organized using machine learning. ● An intelligent systems that can aid the design process. source: ideo stories
  • 11. Citations: Organizing the World of Fonts with AI. (Apr 20, 2017). Retrieved May 09, 2023, from https://medium.com/ideo-stories/organizing-the-world-of-fonts-with-ai-7d9e49ff2b25 Font Map. (July, 2017). Retrieved May 08, 2023, from https://experiments.withgoogle.com/font-map Convolutional Neural Networks. (n.d.). Retrieved May 08, 2023, from https://www.ibm.com/topics/convolutional-neural-networks
  • 12. FOR CREATIVE CONTENT & CONSULTANCY SERVICES, PLEASE VISIT: www.artmiker.com