@font-face, font embeded CSS

19
ottobre

il problema del supporto dei font su web è sempre stato tema di disussione, ora attraverso quello che sono le variabili CSS introdotte in sperimentazione con CSS3, è possibile integrare un font nella pagina web stessa, senza averlo necessariamente installato nel sistema.
Come funziona, in pratica con il comando variabile @font-face si determina la posizione del font custom nel sistema e sul server, ed il nome attribuito al font stesso, i browser che supportano questa carateristica penseranno a mettere in cace i caratteri potendoli utilizzare nelle nostre pagine, richiamando il nome settato nella variabile alla voce font{}; o font-family{};.
Vediamo un esempio:

@font-face {
font-family: ‘Sketch Block’;
src: url(‘/skin/fonts/Sketch_Block.eot’);
src: local(‘Sketch Block’),
local(‘Sketch Block’),
url(‘/skin/fonts/Sketch_Block.ttf’) format(‘truetype’);
}

body {
font-family: “Sketch Block”, “Arial”, “Helvetica”, sans-serif;
}

I font ovviamente hanno una resa differente di Aliasing su ogni Browser, nel caso si volgia utlizzare il bold din un font custom per i browser non IE è necessario dichirare la variabile con il font bold e il font-weight.
I miei test si sono svolti su Firefox e Safari con esito positivo, mentre si IE e Chrome l’opzione non è andato a buon fine, probabilmente l’opzione su IE è supportata solo se il font è presente anche in versione .eot (OpenType); ho nontato inoltre che neanche su iPhone è supportato.

TamTamy, i blog

7
ottobre

tamtamyIn collaborazione con TamTamy Enterprise Social Network di Reply, presento lo sviluppo grafico dei due blog TamTamy Connect e TamTamy Labs…
L’interfaccia grafica è similare in entrambi i blog, stessa struttura ed elementi, variato solo per la palette di colori; assemblaggio in HTML e CSS3, piena compatibilità cross-browser e completo supporto a wordpress, come tutti i lavori appena nati i blog prenderanno forma con la crescita dei contenuti e possibili difetti verranno fixati col tempo.
A discapito dei tempi stretti di realizzazione il risultato finale è un prodotto ottimo sotto ogni aspetto, la collaborazione con il team TamTamy di Reply è stata ottimale, la comunicazione e le eventuali modifiche di sviluppo si sono risolte egregiamente…
Di seguito il link per vedere i due blog.

blog.tamtamy.com

Lomography

24
settembre

L’altra sera, mi trovo a casa di Valerio (il mio maestro Jedi della fotografia) e mi capita in mano questa macchina fotografica di plastica, subito collego le idee e dico: “una Lomo!” e Vale: “Sì, è un Lomo fisheye”, grande! è la prima volta che vedo una Lomo, ecc.
Beh le macchine Lomografiche, sono macchine molto economiche totalmente analogiche, oserei dire l’ultimo stadio della fotografia analogica, uno stadio che permette a forografi digitali come il sottoscritto di riscoprire la bellezza e l’incognita della pellicola.
Lomography è una corrente fotografica di moda e culto mondiale a partire dagli anni novanta, caratteristica di queste fotocamere è il particolare obiettivo 32mm a lente di ingrandimento con una luminosità focale di 2.8 che combinata con le piccole dimensioni della lente stessa, fornisce immagini estremamente sature e con una vignettatura di sottoesposizione che incornicia tutta la scena, dando vita a scatti con un particolare impatto artistico.
Continua a leggere…