Implementing @font-face

•Télécharger en tant que PPT, PDF•

0 j'aime•1,221 vues

The document discusses the @font-face CSS rule which allows using fonts that are not installed on a user's computer on web pages. It provides the history of @font-face, how it is supported by different browsers, and how to implement it by including a @font-face rule in the style sheet and referencing font files. Additional tips are given such as using fall-back fonts and ensuring fonts have a web-font license.

Technologie Design

@font-face is a CSS rule which allows you to show a font on a Web page even if that font is not installed on the users' computer.

[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],@font-face { font-family: <a-remote-font-name>; src: <source>; }

[object Object],[object Object],@font-face { font-family: MyriadPro; src: url('/MyriadPro.eot'); src: local(Myriad Pro'), url('/MyriadPro') format('opentype'), url(‘/MyriadPro') format('svg') } h1 { font-family: MyriadPro, Arial, Verdana, Serif; } Note: The above example uses some fall-back options in case @font-face isn't supported.

[object Object],[object Object],[object Object],[object Object]

Contenu connexe

Tendances

HTML Lesson 1

Danny Ambrosio

Html basic

Nital Shingala

Iml 140 web_week_2_html_basics_

Evan Hughes

20120424 c

slidesharepimp

Static web sites assignment 1 philip lemmon1

Lemmon12

Html For Bloggers

Webgrrls International

Html5 structure tags

SEO SKills

HTML & CSS 2017

Colin Loretz

Css Founder.com | Cssfounder Org

Css Founder

Html cheat sheet

Lam Hoang

Tendances (10)

HTML Lesson 1

Html basic

Iml 140 web_week_2_html_basics_

20120424 c

Static web sites assignment 1 philip lemmon1

Html For Bloggers

Html5 structure tags

HTML & CSS 2017

Css Founder.com | Cssfounder Org

Html cheat sheet

En vedette

Presentacion

Ivan Ivan

Aavara Brochure 2011 Ise

AAVARA

Globalijhbuihuhzacin Impacto

Adolfo Antonio Loncomil Huencho

Medu 635 Rome Images

aalawler

Lead Nurturing and Marketing Automation

Act-On Software

Hype vs. Reality: The AI Explainer

Luminary Labs

En vedette (6)

Presentacion

Aavara Brochure 2011 Ise

Globalijhbuihuhzacin Impacto

Medu 635 Rome Images

Lead Nurturing and Marketing Automation

Hype vs. Reality: The AI Explainer

Similaire à Implementing @font-face

User Defined Characters Solution Proposal

Jun Fujisawa

CSS @font-face : Personalized fonts

Yves Van Goethem

Web Fonts: Why Bother?

Greg Veen

What the @font-face

Gene Crawford

How do speed up web pages? CSS & HTML Tricks

Compare Infobase Limited

The Trouble With Type

elliotjaystocks

Web font services: March 2011

RZasadzinski

Web Typography with sIFR 3 at Drupalcamp Copenhagen

Mark Wubben

Use Web Skills To Build Mobile Apps

Nathan Smith

Progressive Enhancement & Intentional Degradation 2

elliotjaystocks

Progressive enhancement

Zohar Arad

new fonts for the web

Marc Tobias Kunisch

Making drupal beautiful with web fonts

Four Kitchens

User Defined Characters and SVG Fonts

Jun Fujisawa

Progressive enhancement - Bridging the gap between CSS2 and CSS3

Zohar Arad

Drupal Camp LA 2011: Typography modules for Drupal

Ashok Modi

Workshop 6: Designer tools

Visual Engineering

Css3 101

Ignacio Coloma

Web Scraper Shibuya.pm tech talk #8

Tatsuhiko Miyagawa

Web 2.0 Lessonplan Day1

Jesse Thomas

Similaire à Implementing @font-face (20)

User Defined Characters Solution Proposal

CSS @font-face : Personalized fonts

Web Fonts: Why Bother?

What the @font-face

How do speed up web pages? CSS & HTML Tricks

The Trouble With Type

Web font services: March 2011

Web Typography with sIFR 3 at Drupalcamp Copenhagen

Use Web Skills To Build Mobile Apps

Progressive Enhancement & Intentional Degradation 2

Progressive enhancement

new fonts for the web

Making drupal beautiful with web fonts

User Defined Characters and SVG Fonts

Progressive enhancement - Bridging the gap between CSS2 and CSS3

Drupal Camp LA 2011: Typography modules for Drupal

Workshop 6: Designer tools

Css3 101

Web Scraper Shibuya.pm tech talk #8

Web 2.0 Lessonplan Day1

Dernier

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

Histor y of HAM Radio presentation slide

vu2urc

In an era where artificial intelligence (AI) stands at the forefront of business innovation, Information Architecture (IA) is at the core of functionality. See “There’s No AI Without IA” – (from 2016 but even more relevant today) Understanding and leveraging how Information Architecture (IA) supports AI synergies between knowledge engineering and prompt engineering is critical for senior leaders looking to successfully deploy AI for internal and externally facing knowledge processes. This webinar be a high-level overview of the methodologies that can elevate AI-driven knowledge processes supporting both employees and customers. Core Insights Include: Strategic Knowledge Engineering: Delve into how structuring AI's knowledge base is required to prevent hallucinations, enable contextual retrieval of accurate information. This will include discussion of gold standard libraries of use cases support testing various LLMs and structures and configurations of knowledge base. Precision in Prompt Engineering: Learn the art of crafting prompts that direct AI to deliver targeted, relevant responses, thereby optimizing customer experiences and business outcomes. Unified Approach for Enhanced AI Performance: Explore the intersection of knowledge and prompt engineering to develop AI systems that are not only more responsive but also aligned with overarching business strategies. Guiding Principles for Implementation: Equip yourself with best practices, ethical guidelines, and strategic considerations for embedding these technologies into your business ecosystem effectively. This webinar is designed to empower business and technology leaders with the knowledge to harness the full potential of AI, ensuring their organizations not only keep pace with digital transformation but lead the charge. Join us to map a roadmap to fully leverage Information Architecture (IA) and AI chart a course towards a future where AI is a key pillar of strategic innovation and business success.

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx

Earley Information Science

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

The Raspberry Pi 5 was announced on October 2023. This new version of the popular embedded device comes with a new iteration of Broadcom’s VideoCore GPU platform, and was released with a fully open source driver stack, developed by Igalia. The presentation will discuss some of the major changes required to support this new Video Core iteration, the challenges we faced in the process and the solutions we provided in order to deliver conformant OpenGL ES and Vulkan drivers. The talk will also cover the next steps for the open source Raspberry Pi 5 graphics stack. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://eoss24.sched.com/event/1aBEx

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...

Igalia

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

BooK Now Call us at +918448380779 to hire a gorgeous and seductive call girl for sex. Take a Delhi Escort Service. The help of our escort agency is mostly meant for men who want sexual Indian Escorts In Delhi NCR. It should be noted that any impersonator will get 100 attention from our Young Girls Escorts in Delhi. They will assume the position of reliable allies. VIP Call Girl With Original Photos Book Tonight +918448380779 Our Cheap Price 1 Hour not available 2 Hours 5000 Full Night 8000 TAG: Call Girls in Delhi, Noida, Gurgaon, Ghaziabad, Connaught Place, Greater Kailash Delhi, Lajpat Nagar Delhi, Mayur Vihar Delhi, Chanakyapuri Delhi, New Friends Colony Delhi, Majnu Ka Tilla, Karol Bagh, Malviya Nagar, Saket, Khan Market, Noida Sector 18, Noida Sector 76, Noida Sector 51, Gurgaon Mg Road, Iffco Chowk Gurgaon, Rajiv Chowk Gurgaon All Delhi Ncr Free Home Deliver

08448380779 Call Girls In Friends Colony Women Seeking Men

Delhi Call girls

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Presentation on how to chat with PDF using ChatGPT code interpreter

naman860154

Explore 'The Codex of Business: Writing Software for Real-World Solutions,' a compelling SlideShare presentation that delves into digital transformation in healthcare. Discover through a detailed case study how Agile methodologies empower healthcare providers to develop, iterate, and refine digital solutions that address real-world challenges. Learn how strategic planning, user feedback, and continuous improvement drive success in deploying technologies that enhance patient care and operational efficiency. Ideal for healthcare professionals, IT specialists, and digital transformation advocates seeking actionable insights and practical examples of technology making a real difference.

The Codex of Business Writing Software for Real-World Solutions 2.pptx

Malak Abu Hammad

Microsoft's Threat Matrix for Kubernetes helps organizations understand the attack surface a Kubernetes deployment introduces to their environments. This ensures that adequate detections and mitigations are in place. By covering over 40 different attacker techniques, defenders can learn about Kubernetes-specific mitigations and controls to deploy to their environments. In this session, we will explore the MS-TA9013 Host Path Mount technique, which is commonly used by attackers to perform privilege escalation in a Kubernetes cluster. Attendees will learn how attackers and defenders can: * Escape the container's host volume mount to gain persistence on an underlying node * Move laterally from the underlying node into the customer's cloud environment * Analyze Kubernetes audit logs to detect pods deployed with a hostPath mount * Deploy an admission controller that prevents new pods from using a hostPath mount

Breaking the Kubernetes Kill Chain: Host Path Mount

Puma Security, LLC

A Call to Action for Generative AI in 2024

Results

Scaling API-first – The story of a global engineering organization

Radu Cotescu

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?