Suche senden
Hochladen
IconFonts
•
16 gefällt mir
•
9,703 views
Sara Cannon
Folgen
Lets
Weniger lesen
Mehr lesen
Technologie
Kunst & Fotos
Melden
Teilen
Melden
Teilen
1 von 69
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
Smart Design
Smart Design
Sara Cannon
Designing for The Modern Web
Designing for The Modern Web
Sara Cannon
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
Sara Cannon
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
Sara Cannon
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Windows Developer
Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]
Aaron Gustafson
Empfohlen
Smart Design
Smart Design
Sara Cannon
Designing for The Modern Web
Designing for The Modern Web
Sara Cannon
WordPress & User Experience - WordCamp London
WordPress & User Experience - WordCamp London
Sara Cannon
WordPress & User Experience - WordCamp St. Louis
WordPress & User Experience - WordCamp St. Louis
Sara Cannon
SMART DESIGN - icon fonts, svg, and the mobile influence
SMART DESIGN - icon fonts, svg, and the mobile influence
Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon
Sara Cannon
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Build 2017 - B8100 - What's new and coming for Windows UI: XAML and composition
Windows Developer
Progressive Enhancement & Mobile [Funka 2012]
Progressive Enhancement & Mobile [Funka 2012]
Aaron Gustafson
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
brucelawson
Jws masterclass progressive web apps
Jws masterclass progressive web apps
Alexandre Marreiros
Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)
Chris Griffith
Improving the ux of our xamarin forms apps
Improving the ux of our xamarin forms apps
Charlin Agramonte
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Javier Suárez Ruiz
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
Why Game Developers Should Care About HTML5
Why Game Developers Should Care About HTML5
Bramus Van Damme
anbu-new-resume
anbu-new-resume
Anparasu E
Progressive web apps
Progressive web apps
Neha Sharma
Force.com Canvas - a Quick Introduction
Force.com Canvas - a Quick Introduction
Steven Herod
Angular js mobile jsday 2014 - Verona 14 may
Angular js mobile jsday 2014 - Verona 14 may
Luciano Amodio
Integrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World Tour
Richard Donkin
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Jared Smith
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Robert Nyman
Webworks
Webworks
Kang Ibnux
An Introduction to WAI-ARIA
An Introduction to WAI-ARIA
IWMW
What Web Framework To Use?
What Web Framework To Use?
Kasra Khosravi
Wai Aria - An Intro
Wai Aria - An Intro
Matt Machell
Progressive Web Apps
Progressive Web Apps
Jana Moudrá
Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
Thibaut Baillet
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
George Kanellopoulos
Weitere ähnliche Inhalte
Was ist angesagt?
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
brucelawson
Jws masterclass progressive web apps
Jws masterclass progressive web apps
Alexandre Marreiros
Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)
Chris Griffith
Improving the ux of our xamarin forms apps
Improving the ux of our xamarin forms apps
Charlin Agramonte
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Javier Suárez Ruiz
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Peter Rozek
Why Game Developers Should Care About HTML5
Why Game Developers Should Care About HTML5
Bramus Van Damme
anbu-new-resume
anbu-new-resume
Anparasu E
Progressive web apps
Progressive web apps
Neha Sharma
Force.com Canvas - a Quick Introduction
Force.com Canvas - a Quick Introduction
Steven Herod
Angular js mobile jsday 2014 - Verona 14 may
Angular js mobile jsday 2014 - Verona 14 may
Luciano Amodio
Integrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World Tour
Richard Donkin
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Jared Smith
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Robert Nyman
Webworks
Webworks
Kang Ibnux
An Introduction to WAI-ARIA
An Introduction to WAI-ARIA
IWMW
What Web Framework To Use?
What Web Framework To Use?
Kasra Khosravi
Wai Aria - An Intro
Wai Aria - An Intro
Matt Machell
Progressive Web Apps
Progressive Web Apps
Jana Moudrá
Progressive Web Apps are here!
Progressive Web Apps are here!
Antonio Peric-Mazar
Was ist angesagt?
(20)
Bruce Lawson: Progressive Web Apps: the future of Apps
Bruce Lawson: Progressive Web Apps: the future of Apps
Jws masterclass progressive web apps
Jws masterclass progressive web apps
Choosing the Right Mobile Development Platform (Part 2)
Choosing the Right Mobile Development Platform (Part 2)
Improving the ux of our xamarin forms apps
Improving the ux of our xamarin forms apps
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Xamarin Dev Days Madrid 2017 - Xamarin.Forms
Responsive Navigation Patterns, UX and Guidelines
Responsive Navigation Patterns, UX and Guidelines
Why Game Developers Should Care About HTML5
Why Game Developers Should Care About HTML5
anbu-new-resume
anbu-new-resume
Progressive web apps
Progressive web apps
Force.com Canvas - a Quick Introduction
Force.com Canvas - a Quick Introduction
Angular js mobile jsday 2014 - Verona 14 may
Angular js mobile jsday 2014 - Verona 14 may
Integrating Web Apps with Canvas - Salesforce1 World Tour
Integrating Web Apps with Canvas - Salesforce1 World Tour
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Web Accessibility Gone Wild (Now Even MORE Wilder!)
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
The web - What it has, what it lacks and where it must go - Bulgaria Web Summ...
Webworks
Webworks
An Introduction to WAI-ARIA
An Introduction to WAI-ARIA
What Web Framework To Use?
What Web Framework To Use?
Wai Aria - An Intro
Wai Aria - An Intro
Progressive Web Apps
Progressive Web Apps
Progressive Web Apps are here!
Progressive Web Apps are here!
Ähnlich wie IconFonts
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
Thibaut Baillet
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
George Kanellopoulos
HTML5 - A Whirlwind tour
HTML5 - A Whirlwind tour
Lohith Goudagere Nagaraj
HTML5, the new buzzword
HTML5, the new buzzword
Frédéric Harper
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
jmwhittaker
Html5 - short intro
Html5 - short intro
jeiseman
Word camp nextweb
Word camp nextweb
Panagiotis Grigoropoulos
Word camp nextweb
Word camp nextweb
GreekTuts Ελληνικά Βοηθήματα
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Sadaaki HIRAI
Thats Not Flash?
Thats Not Flash?
Mike Wilcox
MOConf'13: WebNotBombs: Optimize this
MOConf'13: WebNotBombs: Optimize this
Boris Zapolsky
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
George Kanellopoulos
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...
Guillaume Kossi
It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking Modernizr
Michael Enslow
Html5 more than just html5 v final
Html5 more than just html5 v final
Lohith Goudagere Nagaraj
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
cehwitham
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
Christopher Schmitt
I Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Thomas Fuchs
Practical tipsmakemobilefaster oscon2016
Practical tipsmakemobilefaster oscon2016
Doris Chen
UIWebViewでつくるUI
UIWebViewでつくるUI
cocopon
Ähnlich wie IconFonts
(20)
Presentation html5 css3 by thibaut
Presentation html5 css3 by thibaut
Wordcamp Thessaloniki 2011 The Nextweb
Wordcamp Thessaloniki 2011 The Nextweb
HTML5 - A Whirlwind tour
HTML5 - A Whirlwind tour
HTML5, the new buzzword
HTML5, the new buzzword
Flash Camp - Degrafa & FXG
Flash Camp - Degrafa & FXG
Html5 - short intro
Html5 - short intro
Word camp nextweb
Word camp nextweb
Word camp nextweb
Word camp nextweb
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Familiar HTML5 - 事例とサンプルコードから学ぶ 身近で普通に使わているHTML5
Thats Not Flash?
Thats Not Flash?
MOConf'13: WebNotBombs: Optimize this
MOConf'13: WebNotBombs: Optimize this
WordCamp Thessaloniki2011 The NextWeb
WordCamp Thessaloniki2011 The NextWeb
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...
Sara Soueidan: Styling and Animating Scalable Vector Graphics with CSS [CSSCo...
It's a Mod World - A Practical Guide to Rocking Modernizr
It's a Mod World - A Practical Guide to Rocking Modernizr
Html5 more than just html5 v final
Html5 more than just html5 v final
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
Making WordPress Your CMS and Automatically Updating a Self Hosted WordPress ...
[convergese] Adaptive Images in Responsive Web Design
[convergese] Adaptive Images in Responsive Web Design
I Can't Believe It's Not Flash
I Can't Believe It's Not Flash
Practical tipsmakemobilefaster oscon2016
Practical tipsmakemobilefaster oscon2016
UIWebViewでつくるUI
UIWebViewでつくるUI
Mehr von Sara Cannon
Open Source Creativity
Open Source Creativity
Sara Cannon
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara Cannon
Sara cannon pushing the creative limit
Sara cannon pushing the creative limit
Sara Cannon
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your Craft
Sara Cannon
Typography and User Experience - WCSF
Typography and User Experience - WCSF
Sara Cannon
Typography and User Experience in Web Design
Typography and User Experience in Web Design
Sara Cannon
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Sara Cannon
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
Sara Cannon
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Sara Cannon
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPress
Sara Cannon
Responsive Design
Responsive Design
Sara Cannon
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
Sara Cannon
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends & WordPress
Sara Cannon
Typography on the Web
Typography on the Web
Sara Cannon
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp Phoenix
Sara Cannon
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Sara Cannon
Beyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web Typography
Sara Cannon
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon
Sara Cannon
Wordpress and Your Brand
Wordpress and Your Brand
Sara Cannon
Mehr von Sara Cannon
(20)
Open Source Creativity
Open Source Creativity
Design Strategy: How information Can Drive Your Designs Decisions To Success
Design Strategy: How information Can Drive Your Designs Decisions To Success
Sara cannon pushing the creative limit
Sara cannon pushing the creative limit
Learning Through Stealing - How to Become Better At Your Craft
Learning Through Stealing - How to Become Better At Your Craft
Typography and User Experience - WCSF
Typography and User Experience - WCSF
Typography and User Experience in Web Design
Typography and User Experience in Web Design
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014
The Future of UI - How Mobile Design is Shaping The Web 2
The Future of UI - How Mobile Design is Shaping The Web 2
Designer vs Developer: BE THE UNICORN
Designer vs Developer: BE THE UNICORN
Designer vs Developer: Creators in WordPress
Designer vs Developer: Creators in WordPress
Responsive Design
Responsive Design
Font Swoon - Advanced Web Typography
Font Swoon - Advanced Web Typography
Design Swoon - Visual Trends & WordPress
Design Swoon - Visual Trends & WordPress
Typography on the Web
Typography on the Web
CSS Tricks for WordPress - WordCamp Phoenix
CSS Tricks for WordPress - WordCamp Phoenix
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Type in your WordPress Themes by Sara Cannon WordCamp NYC
Beyond the System Font - Advanced Web Typography
Beyond the System Font - Advanced Web Typography
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010
"Wordpress And Your Brand" 2010 - By Sara Cannon
"Wordpress And Your Brand" 2010 - By Sara Cannon
Wordpress and Your Brand
Wordpress and Your Brand
Kürzlich hochgeladen
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
Khem
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Kürzlich hochgeladen
(20)
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Slack Application Development 101 Slides
Slack Application Development 101 Slides
IconFonts
1.
SARA CANNON HTTP://RAN.GE Icon
Fonts
2.
SARA CANNON Co-founder /
Creative Director At Range sara-cannon.com @saracannon slideshare.net/saracannon
3.
4.
5.
IconFonts
6.
CSS-TRICKS.COM/EXAMPLES/ICONFONT
7.
Genericons genericons.com GPL
8.
9.
10.
11.
CSS HTML content: 'f400'; <div class="genericon
genericon-search"> </div>
12.
function twentythirteen_scripts_styles() { ... //
Add Genericons font, used in the main stylesheet. wp_enqueue_style( 'genericons', get_template_directory_uri() . '/fonts/genericons.css', array('genericons'), '2.09' ); ... } add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' ); Functions.php
13.
.tags-links a:first-child:before {
content: "f302"; position: relative; top: -1px; } style.css
14.
function twentythirteen_entry_meta() { ....
$tag_list = get_the_tag_list( '', __( ', ', 'twentythirteen' ) ); if ( $tag_list ) { echo '<span class="tags-links">' . $tag_list . '</span>'; } ... function.php
15.
@font-face { font-family:
'genericons'; src: url('../fonts/genericons.eot'); } style.css
16.
@font-face { font-family: 'Genericons'; src:
url('font/genericons-regular-webfont.eot'); src: url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/genericons-regular-webfont.woff') format('woff'), url('font/genericons-regular-webfont.ttf') format('truetype'), url('font/genericons-regular-webfont.svg#genericonsregular') format('svg'); font-weight: normal; font-style: normal; } style.css
17.
<link href="path/to/genericons.css" rel="stylesheet"> header.php
18.
function twentythirteen_scripts_styles() { ... //
Add Genericons font, used in the main stylesheet. wp_enqueue_style( 'genericons', get_template_directory_uri() . '/fonts/genericons.css', array(), '2.09' ); ... } add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' ); Functions.php
19.
20.
21.
Font Awesome SIL fontawesome.io
22.
23.
24.
CSS HTML content: 'f400'; <i class="icon-search"></i>
25.
function twentythirteen_scripts_styles() { ... //
Add Genericons font, used in the main stylesheet. wp_enqueue_style( 'fontawesome', get_template_directory_uri() . 'path/to/font-awesome/css/font-awesome.min.css', array(), '2.09' ); ... } add_action( 'wp_enqueue_scripts', 'twentythirteen_scripts_styles' ); Functions.php
26.
.icon-search:before { content: "f002"; } style.css
27.
wordpress.org/plugins/font-awesome
28.
Raphaël Icon-Set icons.marekventur.de MIT
29.
30.
ELusive Icons shoestrap.org/downloads/elusive-icons- webfont GPL
31.
32.
Sociocons rohitink.com/sociocons/ GPL
33.
34.
FONT GENERATORS
35.
Fontastic.me
36.
37.
38.
39.
WEBDESIGNERDEPOT.COM/2012/01/HOW-TO-MAKE- YOUR-OWN-ICON-WEBFONT/ INKSCAPE.ORG
40.
Icon Moon icomoon.io
41.
42.
43.
We Love Icon Fonts.com free
and open source
44.
45.
46.
Fontello fontello.com
47.
48.
Licensing
49.
make.wordpress.org/themes/guidelines/ guidelines-resources
50.
GPL
51.
SIL Open Font License
52.
Creative Commons
53.
SVG Scalable Vector Graphics
54.
55.
1 KB5 KB
56.
<?xml version="1.0" encoding="utf-8"?> <!--
Generator: Adobe Illustrator 15.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="249.994px" height="141.198px" viewBox="125.209 169.552 249.994 141.198" enable-background="new 125.209 169.552 249.994 141.198" xml:space="preserve"> <g> <path fill="#101010" d="M185.807,169.552v28.799l-12.4-0.2l20.6,80.799l22.2-80.799l-12.399,0.2v-28.799h55.599v28.799l-9.6-0.2 l-34.6,112.598h-45.799l-35.399-112.598l-8.8,0.2v-28.799H185.807z"/> <path fill="#FF0013" d="M258.404,310.75v-28.8l12.601,0.2v-84l-12.601,0.2v-28.799h61.601c16.399,0.4,36.999,1,46.199,18 c4.601,8.4,5,16.6,5,19.8c0,2.4,0,7.8-2.601,13.6c-4.201,9.6-11.601,13.4-20.601,17.8c7,2,13,4,18,9.6c3.399,3.6,9.2,12.6,9.2,25.6 c0,11.999-5.2,22.601-15.2,29.397c-11,7.2-24.198,7.2-36.601,7.4H258.404L258.404,310.75z M307.805,226.351 c7.801,0,12.801,0.2,16-0.6c6.801-1.8,10.6-7.2,10.6-13.8c0-1.6,0-5.6-2.799-9.2c-4.4-6.2-10.801-5.4-23.801-5.6V226.351 L307.805,226.351z M307.805,281.95c12.399,0,20.199,0.601,25-2.8c4.6-3.199,4.6-9.4,4.6-10.801c0-4.8-1.6-7.6-2.6-9.199 c-4.199-5.601-10.199-5.799-16.601-5.799h-10.399V281.95z"/> </g> </svg> VBLOGO.SVG
57.
jQuery( function($) {
var supportsSVG = false; try { var svg = document.createElementNS("http:// www.w3.org/2000/svg",'svg'); supportsSVG = typeof svg.createSVGPoint == 'function'; } catch(e){} if ( ! supportsSVG ) $( 'body' ).addClass( 'nosvg' ); } ); SVG GRACEFUL DEGRADATION JQUERY
58.
#site-title { background-image:
url(../images/logo.svg); } .nosvg #site-title { background-image: url(../images/logo.png); } SVG GRACEFUL DEGRADATION CSS
59.
60.
SVG X2 PNG LOW RES
X2 JPG 14KB 13KB 12KB
61.
ILLUSTRATION INSPIRED BY
BRAD FROST http://sar.ac/IJF7Rf
62.
Mobile Should Never Be
An Afterthought
63.
Mobile First
64.
HiDPI First
65.
Flexibility
66.
Scalability
67.
Speed
68.
Speed AWESOME V.S.
69.
Our work is
never over.“ - DAFT PUNK
Jetzt herunterladen