Fonts para web

Armé un muestrario de font para web, para todo el que necesite mostrar qué tipos de letra pueden verse en su página web. Para usarlos, hay que usar en la hoja de estilo la propiedad Font-family. Aquí un ejemplo para usarlo en párrafos:

p.estilo1 {
 font-family: Helvetica, Geneva, Arial,
 SunSans-Regular, sans-serif;
 color:#333333;
 }
p.estilo2 {
 font-family: Arial Black, sans-serif;
 color:#6e0139;
 }

Y después en el archivo HTML, el tipo de párrafo:

<p>Este es un párrafo con el estilo de letra Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;</p>
<p>Este es un párrafo con el estilo de letra Arial Black, sans-serif;</p>

El problema de estos fonts es que tienen que estar instalados en la computadora del usuario para que los visualice, por eso se usan Familias de fonts y no un sólo tipo de letra. Esta es una captura de pantalla del muestrario en Ubuntu:

Muestrario de fonts en Ubuntu

Y esta es una captura del muestrario en Windows:

Fonts en Windows

Si queremos usar un font que no está en la lista de estándares, podemos subir los archivos ttf y utilizar @font-face para incluirlo en nuestro listado de fonts:

@font-face { font-family: feliz; src:url(‘http://www.blabla.com.ar/FantasiaSerifA-Normal.otf’);

font-family: feliz; font-weight: bold; src:url(‘http://www.blabla.com.ar/FantasticaSerifA-Bold.otf’);

font-family: feliz; font-style: italic; src:url(‘http://www.blabla.com.ar/FantaseB-BookItalic.otf’); }

Después, basta con poner a un párrafo la propiedad font-family con el nuevo font, y listo. El detalle es que Internet Explorer no soporta más que un tipo de fonts, el eot (fuente: w3school):

The @font-face rule is supported in Internet Explorer 9, Firefox, Opera, Chrome, and Safari. However, Internet Explorer 9 only supports .eot type fonts, while Firefox, Chrome, Safari, and Opera support .ttf and .otf type fonts.

Otra alternativa es utilizar los fonts de Google: http://www.google.com/webfonts/# Una vez que elegimos un font, hacemos clic en “quick use”. Allí nos indica qué debemos agregar a nuestro código y cómo usar el font.

Code: <link href=’http://fonts.googleapis.com/css?family=Ledger’ rel=’stylesheet’ type=’text/css’>
Instructions: To embed your Collection into your web page, copy the code as the first element in the <head> of your HTML document. » See an example

4. Integrate the fonts into your CSS:

The Google Web Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

font-family: ‘Ledger’, serif;

Cómo quitar el malware Claro Search

Mis hijos usan Windows para muchos juegos, y por lo tanto una de las ocupaciones cotidianas es limpiar virus y programas maliciosos o invasivos (esto en Linux no pasa). El problema es que uno tampoco puede confiar en los sitios que prometen una solución descargando un ejecutable… ¿quién dice que ese ejecutable no es otro malware?

El último con el que tuvimos que pelearnos es el buscador Claro, que se instala de alguna manera y no permite volver a poner el navegador que uno prefiera como página de inicio.
Para removerlo, los pasos son muy sencillos (aunque son muchos pasos!!):

1) Ir al panel de control de Windows, opción Desinstalar programas (o Instalar y desinstalar programas), y buscar todo lo que diga Claro LTD.. y desinstalarlo haciendo doble clic.

2) Reestablecer el navegador, dependiendo de qué navegador sea el infectado las opciones para hacerlo son diferentes.

En este post de Malwaretips.com explica con capturas de pantalla cómo reestablecer cada navegador (Internet Explorer, Firefox y Chrome)

3) Utilizar un limpiador de registro, como este: AdwCleaner (elegir la opción Supresión o Delete)

4) Instalar un anti Malware, como Malwarebytes Anti-Malware Free y hacer un scanneo completo.

5) Hacer un doble chequeo instalando otro software. En el post de Malwaretips.com recomiendan HitManPro:

Download HitmanPro from the below link,then double click on it to start this program.

HITMANPRO DOWNLOAD LINK (This link will open a new web page from where you can download HitmanPro)

Fuente: Malwaretips.com

Calendario escolar 2013 (Argentina)

¿Cuándo empiezan las clases en Argentina? ¿Cuándo son las vacaciones de invierno? ¿Qué feriados son trasladables?

  • En este sitio pueden encontrar las fechas de comienzo de clases, receso invernal y fin de clases de todas las provincias: Calendario escolar 2013
  • Aquí subo la agenda educativa 2013 provista por el Gobierno de la ciudad de Buenos Aires: agenda_educativa_2013
  • El calendario de la Provincia de Buenos Aires estará disponible en el sitio ABC

Feriados

FERIADOS INAMOVIBLES
FECHA DÍA CONMEMORACIÓN

  • 1 de enero Martes -Año Nuevo.
  • 11 y 12 de febrero Lunes y martes -Carnaval.
  • 24 de marzo Domingo -Día Nacional de la Memoria por la Verdad y la Justicia.
  • 29 de marzo Viernes -Viernes Santo.
  • 1 de abril Lunes Feriado -Puente Turístico.
  • 2 de abril Martes -Día del Veterano y de los Caídos en la Guerra de Malvinas.
  • 1 de mayo Miércoles -Día del Trabajador.
  • 25 de mayo Sábado -Día de la Revolución de Mayo.
  • 20 de junio Jueves -Día de la Bandera. Paso a la Inmortalidad del Gral. Manuel Belgrano.
  • 21 de junio Viernes Feriado -Puente Turístico.
  • 9 de julio Martes -Día de la Independencia.
  • 8 de diciembre Domingo -Inmaculada Concepción de María.
  • 25 de diciembre Miércoles -Navidad.

*Por aprobar 31 de enero jueves. Bicentenario Asamblea del Año XIII.
*Por aprobar 20 de febrero miércoles. Bicentenario Batalla de Salta.

FERIADOS TRASLADABLES
Fecha original – Traslado a

  • 17 de agosto – Lunes 19 de agosto -Paso a la Inmortalidad del General José de San Martín.
  • 12 de octubre – Lunes 14 de octubre -Día del Respeto a la Diversidad Cultural.
  • 20 de noviembre – Lunes 25 de noviembre -Día de la Soberanía

¿Qué hacemos en vacaciones? Vampiros

Con mis hijos, jugando con Gimp, transformamos en vampiros unas cuantas fotitos, gracias a este tutorial de Todo Gimp

tutorialvampiro

 

He aquí el primer resultado. Muchas gracias a nuestro modelo, L3stat 🙂 🙂 🙂

Vampiro L3stat

Segundo intento:

vampira

Fotos de fondo: http://commons.wikimedia.org/wiki/File:St-Materianas-church-tintagel-lower-entrance.jpg / http://commons.wikimedia.org/wiki/File:Kolleg_St_Ludwig06.jpg / http://commons.wikimedia.org/wiki/File:Chaparral_Supercell_2.JPG