Aug 9, 2018
theDawn Premium All-in-one HTML Theme theDawn Premium All-in-one HTML Theme Download Now
seen from United States
seen from United States
seen from Australia
seen from India
seen from United States
seen from Canada
seen from India
seen from United States
seen from T1
seen from France
seen from United States
seen from Singapore
seen from United States
seen from United States
seen from United States
seen from United States
seen from United States
seen from Australia
seen from United States
seen from Australia
theDawn Premium All-in-one HTML Theme theDawn Premium All-in-one HTML Theme Download Now
Our personal favourites from Google Webfonts.
Update About Blog
Good morning everyone! I know it’s ridiculously early here in Texas. I’ve actually been up for about an hour and a half. Still not sure what woke me up but I am very certain that as soon as I get this posted I am totally going back to bed and getting some more sleep.
I wanted to give an update about the blog. I have been having some problems with people not being able to see most of the fonts. I…
View On WordPress
How to use Google Webfonts
Go to fonts.google.com.
Find the font you want, and click the tiny icon. Ex:
Copy these two and place it under <head>
Put this under <style type="text/css">
In your CSS, put this wherever you want the font to be used.
Ex:
body{
font-family: 'Sue Ellen Francisco', cursive;
font-size:11px;
}
If you have any questions, just ask me :)
Be sure to check out this epic post detailing our top 50 best free fonts, collected from all across the web. The best free fonts around from retro to clean!
Google Chrome + WebFonts Bug
Since my switch to Google Chrome last week I've noticed a few issues with Google's own Font API service. I couldn't work out why some websites that used the fonts would display perfectly, websites I created never worked. I tested so many variations, locally on my laptop and uploaded on different servers - all of them worked in other browsers such as Firefox and Safari, but not in Chrome. After a lot of Googling I discovered a few others were having the same issue, and on own forum the issue was solved. It was because I had local copies of the fonts installed. So far I've only got half a dozen typefaces installed, and these were the ones that were not working - others from Google's collection that I hadn't installed worked.
I use Linotype's FontExplorer to manage my installed fonts, so I've created a group of the Google typefaces I have installed so they can be activated when I need to work with them in Photoshop and then deactivated when I needed. It's not an ideal solution, so I hope Google can squash this bug for future versions of Chrome.
@fontface - une belle typo sur mon site web !
Depuis l'introduction de la balise <font> sur le web par Netscape en 1995, chaque site web contrôle quelle typographie est diffusée sur chacune de ses pages. Avant cela, les typographies et les styles typographiques étaient contrôlés exclusivement par les options d'affichage de chaque navigateur web…
Cependant, la typographie spécifiée par la balise doit être installée sur l'ordinateur de l'utilisateur, sinon une font installée par défaut remplacera celle manquante.
font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
La première typographie de la ligne est la typographie que l'ont souhaiterait, dans l'idéal, voir apparaître sur la page du site. Si cette typographie n'est pas disponible, le navigateur web utilisera la typographie suivante de la liste. Si aucune des typographies spécifiées n'est trouvée, le navigateur utilisera ses typographies par défaut. L'important est de spécifier des typographies qui sont graphiquement proches de la police que l'on souhaite utiliser. Pour info, voici une page qui répertorie les typos présentent dans l'installation de base de Windows XP.
Dans les feuilles de style CSS de base, les caractéristiques typographiques doivent être spécifiées par une liste de facteurs :
font-family
font-style
font-variant
font-weight
font-size
Toutes les typographies sont identifiées par leur nom. Au delà des spécificités citées ci-dessus, les designer typographiques ne peuvent pas modeler et dessiner de typographie, et sont contraints d'utiliser un nombre restreint de typographies que l'on est sûr de retrouver par défaut sur l'ordinateur de l'utilisateur. Il y a quelques années, aucun mécanisme n'existait pour sélectionner une typographie qui n'était pas présente sur la machine de l'utilisateur.
Aujourd'hui, des applications existent : @fontface par exemple, est la solution la plus développée aujourd'hui pour intégrer une typo sur une page web. Il offre la possibilité de faire apparaître en ligne n'importe quelle typographie, même si elle n'est pas présente sur l'ordinateur de celui qui visualise la page web. Pour cela, il suffit de mettre dans sa feuille de style css le nom de sa typo dans la balise @fontface, et d'héberger sa typographie au bon endroit. Des services comme Google Webfonts ou encore Fontsquirrel hébergent pour vous les typos et vous permettent d'intégrer facilement ces typographies.
C'est grâce à ce genre de petits outils que le multimédia parvient aujourd'hui a se rapprocher de la flexibilité de la réalité. Les barrières entre multimédia et impression papier s'amenuisent, et le métier de designer typographique ne semble pas tomber en désuétude.
@font-face | Wikipédia : web typography | Installer fontface sur son site web