LuchoWiki

Cosas que debería hacer más a menudo

User Tools

Site Tools


desarrollo:24_theme:tipografia-24

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
desarrollo:24_theme:tipografia-24 [20090831 20:12]
manager
desarrollo:24_theme:tipografia-24 [20120526 10:52] (current)
Line 17: Line 17:
 | [[http://​www.twyman.org.uk/​Fonts/​|Harvey Twyman'​s "​World'​s Simplest Font"​]] --- ''​7segments-ttf''​ ([color=orange]¡RECOMENDADO![/​color]) ​  | [u]Excempto de Copyright[/​u] ​ | N/A  | | [[http://​www.twyman.org.uk/​Fonts/​|Harvey Twyman'​s "​World'​s Simplest Font"​]] --- ''​7segments-ttf''​ ([color=orange]¡RECOMENDADO![/​color]) ​  | [u]Excempto de Copyright[/​u] ​ | N/A  |
 | [[http://​www.spinwardstars.com/​scrfonts/​lcd.html|LCD (Spinward)]] --- ''​lcd-*.ttf''​ Family ​  | Freeware ​ | →Familia: "​lcd"​\\ →Nombre: "​Regular" ​ | | [[http://​www.spinwardstars.com/​scrfonts/​lcd.html|LCD (Spinward)]] --- ''​lcd-*.ttf''​ Family ​  | Freeware ​ | →Familia: "​lcd"​\\ →Nombre: "​Regular" ​ |
 +| [[http://​desktoppub.about.com/​library/​fonts/​dd/​uc_digitalreadout.htm|Digital Readout]] ​ --- ''​Digital Readout''​ (altamente aceptable) ​  | Libre para uso personal((acorde a declaración en el sitio)) ​ | →Familia: "​Digital Readout"​ (exacto) ​ |
 | [[http://​www.fontstock.net/​7532/​Transistor-Regular.html|Transistor (Free Fonts)]] --- ''​transistor.ttf'' ​         | Freeware ​          | →Familia: "​Transistor"​\\ →Nombre:"​Regular" ​ | | [[http://​www.fontstock.net/​7532/​Transistor-Regular.html|Transistor (Free Fonts)]] --- ''​transistor.ttf'' ​         | Freeware ​          | →Familia: "​Transistor"​\\ →Nombre:"​Regular" ​ |
 | [[http://​www.urwpp.de/​cgi-bin1/​dalcgi/​source/​schnellsuche.htd?​searchchar=lcd| LCD (URW Software)]] ​ | **Shareware**,​ aprox. ''​30€'' ​ | N/A | | [[http://​www.urwpp.de/​cgi-bin1/​dalcgi/​source/​schnellsuche.htd?​searchchar=lcd| LCD (URW Software)]] ​ | **Shareware**,​ aprox. ''​30€'' ​ | N/A |
Line 32: Line 33:
 Parece complicado, pero no lo es. En lenguaje //humano// lo que estoy tratando de decir es que, o todos los caracteres usan el mismo espacio como en un LED físico de 7 segmentos, o que aquellos caracteres que usan menos espacio (el "​1"​ y el "​7"​) no se autoajustan al caracter anterior por un espacio mayor al que sería "​medio"​ segmento de LED. Parece complicado, pero no lo es. En lenguaje //humano// lo que estoy tratando de decir es que, o todos los caracteres usan el mismo espacio como en un LED físico de 7 segmentos, o que aquellos caracteres que usan menos espacio (el "​1"​ y el "​7"​) no se autoajustan al caracter anterior por un espacio mayor al que sería "​medio"​ segmento de LED.
  
-=== Coloreado ​===+=== Color ===
  
-Para lograr el efecto como el que se ve en la foto: //TODO: Subir foto//, puedes utilizar un esquema de colores como el siguiente (pasa los códigos de color directo a CSS, o usa el selector de colores de Windows para seleccionar el color exacto):+Para lograr el efecto como el que se ve abajo, puedes utilizar un esquema de colores como el siguiente (pasa los códigos de color directo a CSS, o usa el selector de colores de Windows para seleccionar el color exacto):
  
   * **Color de frente**: ''#​ff3e10''​ (amarillo ligeramente vivo)   * **Color de frente**: ''#​ff3e10''​ (amarillo ligeramente vivo)
   * **Color de fondo**: ​ ''#​333333''​ (entre plomo y negro, tirando para negro)   * **Color de fondo**: ​ ''#​333333''​ (entre plomo y negro, tirando para negro)
-  * **Color de sombreado**, ​en aquellos casos en que se soporte: ''#​f04444'' ​(rojizo con tinte amarillo para apoyar el delineado)+  * **Color de sombreado**, ​esi está disponible: ''#​f04444'' ​
  
-== Color ==+== Demo ==
  
 <​html><​p style="​margin:​4px;"><​span style="​font-size:​18pt;​color:#​fff310;​background-color:#​333333;​text-shadow:​1px 1px #​f04444;">​HH:​MM:​SS</​span></​p></​html>​ <​html><​p style="​margin:​4px;"><​span style="​font-size:​18pt;​color:#​fff310;​background-color:#​333333;​text-shadow:​1px 1px #​f04444;">​HH:​MM:​SS</​span></​p></​html>​
desarrollo/24_theme/tipografia-24.1251774741.txt.gz · Last modified: 20090831 15:12 (external edit)