background preloader

Web Fonts. Delivered ∗ Kernest

Web Fonts. Delivered ∗ Kernest

Fontdeck web fonts: Real fonts for your website 960 Grid System 30 New Free High-Quality Fonts - Smashing Magazine Advertisement Every now and then we look around, select fresh high-quality free fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your current projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Piron, Nobile, St Marie, Code, Arcus, Crimson Text, Quadranta, Juice, Prociono, Mr Jones, Ibarra Real and various useful symbol fonts. New Free High-Quality Fonts Piron1 Piron is a highly legible typeface, very well suited to any display or text usage: Web, print (especially magazines), brochures, logos, posters, flyers, motion graphics. St Ryde Regular2 (Registration required, PDF Specimen3) St Ryde is a sans-serif, very casual typeface, that works perfect in your bodycopy within the regular weights. Pigiarniq Inuktitut7 (Download link8) An oldie but a goodie. Juice22 Juice is a modern, dynamic sans-serif type family. Last Click (al)

Typechart – Browse Web Type, Grab CSS. Web Fonts OpenType Control Enable fine typography with kerning and letter spacing controls. Design with ligatures, alternate characters, fractions and other advanced typographic features. Our technology ensures OpenType features can be rendered, even on older browsers lacking native OpenType feature support. Dynamic Subsetting East Asian languages use thousands of characters making the fonts that support these languages very large in size. CSS Sucker A helpful utility for users of blogs, templates and those not hand-coding their sites, the CSS Sucker identifies CSS selectors used on your site, allowing you to easily apply Web fonts without diving too deeply into the code.

The Anatomy of a Perfect Landing Page Placement and Content 7. Keep It Above the Fold The space a visitor sees without having to scroll is where the most important parts of the webpage should be. Place the call-to-action button above the fold and in a location where the viewer's eye will scan to. 8. Optimize a landing page for conversion over time. 9. Implementing motivational speeches, videos of user testimonials, and product images into a home page can have a positive impact on viewers, as well as give shoppers an extra push to look further into a product. Bellroy uses great imagery and videos on many of their pages. 10. Links connecting the user to a bunch of other sites or pages will distract them and have a negative impact on conversions. This landing page is designed well, but look at all those header links getting in the way of the message!

Scribd: Font face trickery and more Tuesday, May 18th, 2010 <p>Scribd is my “favourite company of the month”. First they show off their move from Flash to HTML5 and now they are generously taking time to share with us details on their implementation in a three part series. The first part delves into the bowels of @font-face, starting with the simple: and moving to how they support angled text such as this: How do you encode the diagonal text in this document in a HTML page? HTML version:<p> <span>domain block is in a different image than the range block), as</span> <span>opposed to mappings which stay in the image (domain block</span> <span>and range block are in the same image) - also see Fig. 5. Die Google Web Fonts: Beliebte Schriften und praktische Tipps Die Entwicklung der kostenlosen Web Fonts von Google geht schnell voran, und im Dezember sind noch einmal über 20 neue Schriften ins Font-Directory aufgenommen worden. Darunter einige sehr hochwertige Free-Fonts, z.B. die Ubuntu-Schriftfamilie. Und neben den neuen Schriften sind seit unserem letzten Artikel “Die kostenlosen Web Fonts der Google Font API nutzen” auch noch einige neue Funktionen zum Sortieren der Schriften im Directory dazu gekommen. 1. Mit den Google Web Fonts hast du die Möglichkeit eine ganze Reihe von Schriften auf deiner Webseite zu nutzen, ohne dass du diese auf deinen eigenen Server hochladen oder über ein @font-face Kit (z.B. von Fontsquirrel) selbst aufwendig einbinden musst. Du musst lediglich, die für dein Design benötigten Schriften und Schriftstile über einen Code-Schnipsel einbinden (hier die Erklärung zur Verwendung der Google Fonts). Ein großer Vorteil von Web Fonts, besonders im Vergleich zur Verwendung von Images, ist die so verbesserte Ladezeit. 2. 3.

How to convert a GoToMeeting, GoToWebinar or GoToTraining formated recording to something else. « Are you being served? NEW: 3 Ways to remove the GoToMeeting Codec Also check out: The Ultimate GoToMeeting Recording Guide and The Secrets to a Great Webinar If you have already recorded your Webinar using the GoToWebinar software and codec you will need to convert the file to a normal Windows Media file by following the directions in Step 1, otherwise set your GoToWebinar Preferences to Convert to Windows Media Player file by right clicking the G2W icon located in your PC’s System Tray (near the time), and select Preferences > Recording. Once your Webinar has ended the recording will automatically start converting to a regular Windows Media Player file, once this conversion is finished follow Step 2. Step 1 (Updated 10/15/2010) The first step is to download and install Expression Encoder 4, then import your recording and make any edits you need before finally encoding. Re-encode your recording and remove the GoToMeeting codec: Step 2 Use the free software Any Video Converter to Convert the file into Flash 1.

5 Web Files That Will Improve Your Website The amount of code that developers encounter regularly is staggering. At any one time, a single site can make use of over five different web languages (i.e. MySQL, PHP, JavaScript, CSS, HTML). There are a number of lesser-known and underused ways to enhance your site with a few simple but powerful files. An Overview Which files are we going to be examining (and producing)? The files I’ll talk about here were chosen for their usefulness as well as their ease of implementation. We’re going to cover robots.txt, favicon.ico, sitemap.xml, dublin.rdf and opensearch.xml. Let’s start with the most familiar one: robots.txt. Robots.txt The primary function of a robots.txt file is to declare which parts of your site should be off-limits for crawling. By definition, the use of this file acts as an opt-out process. Note: It’s worth mentioning that obeying the robots.txt file isn’t mandatory, so it’s not a good privacy mechanism. Creating a Robots.txt File The first standard directive is User-agent. <? <?

Related: