in

Borde de fuente CSS? – Desbordamiento de pila

apple touch icon@2

ACTUALIZAR

Aquí hay una mezcla de SCSS para generar el trazo: http://codepen.io/pixelass/pen/gbGZYL

/// Stroke font-character
/// @param  {Integer} $stroke - Stroke width
/// @param  {Color}   $color  - Stroke color
/// @return {List}            - text-shadow list
@function stroke($stroke, $color) {
  $shadow: ();
  $from: $stroke*-1;
  @for $i from $from through $stroke {
   @for $j from $from through $stroke {
      $shadow: append($shadow, $i*1px $j*1px 0 $color, comma);
    }
  }
  @return $shadow;
}
/// Stroke font-character
/// @param  {Integer} $stroke - Stroke width
/// @param  {Color}   $color  - Stroke color
/// @return {Style}           - text-shadow
@mixin stroke($stroke, $color) {
  text-shadow: stroke($stroke, $color);
}

ingrese la descripción de la imagen aquí

SÍ vieja pregunta … con respuestas aceptadas (y buenas) …

PERO … En caso de que alguien necesite esto y odie escribir código …

ESTE es un borde negro de 2px con soporte CrossBrowser (no IE) Necesitaba esto para las fuentes @fontface, por lo que tenía que ser más limpio que las respuestas vistas anteriormente … Tomo cada lado en píxeles para asegurarme de que no haya (casi) espacios para » fuentes difusas «(dibujadas a mano o similares). Se pueden agregar subpíxeles (0.5px) pero no lo necesito.

Código largo solo para el borde ??? …¡¡¡SÍ!!!

text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    0px 1px 0 #000,
    0px -1px 0 #000,
    -1px 0px 0 #000,
    1px 0px 0 #000,
    2px 2px 0 #000,
    -2px 2px 0 #000,
    2px -2px 0 #000,
    -2px -2px 0 #000,
    0px 2px 0 #000,
    0px -2px 0 #000,
    -2px 0px 0 #000,
    2px 0px 0 #000,
    1px 2px 0 #000,
    -1px 2px 0 #000,
    1px -2px 0 #000,
    -1px -2px 0 #000,
    2px 1px 0 #000,
    -2px 1px 0 #000,
    2px -1px 0 #000,
    -2px -1px 0 #000;

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

linearregression

R – Regresión lineal

gfg 200x200 min

Algoritmo KMP para búsqueda de patrones