gferreira

/*
Exercise 2B: Flexible typeface family
defining instances directly in CSS
*/

@font-face {
    font-family: "MyFamily";
    src: url("MyVariableFont-Roman.otf");
    font-style: normal;
}

gferreira

/*
Exercise 3:
Univers in CSS – a tribute to Adrian Frutiger

               39
   45 46 47 48 49
53 55 56 57 58 59
63 65 66 67 68
73 75 76
83

gferreira

/*
Exercise 2: Flexible typeface family
mapping named instances in a variable font w/ width & weight axes
to CSS font-weight / font-style / font-stretch properties
*/

/* Regular */

@font-face {
    font-family: "MyFamily";

gferreira

/*
Exercise 1:
Using a typeface packaged as 2 variable fonts (Roman/Italic), to style a simple document with 3 levels of information (headline, body text and small text).
We'll make 3 style-linked families, one for each info level: "MyFamily Text", "MyFamily Headline" and "MyFamily Caption".
The first two families will use **named instances** contained in the font.
The third family (Caption) will be created with custom instances defined numerically in the CSS.
*/

/* ---------------------
family 1: body text

gferreira

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.robofontmechanic.com/") {
  .extension:hover {
    background-color: #FDD;
  }
  .extension:hover > *,
  .extension:hover .name a,
  .extension:hover .author a {
    color: #F00 !important;

gferreira

# drawing from top-left

translate(0, height())
scale(1, -1)

rect(20, 20, 200, 200)

gferreira

# DiaCrítico : notas para conversa do dia 13/06/2015


## 1. ferramentas para design de tipos & producão de fontes

- qual a vantagem do formato ufo?

- diferenças (conceituais e práticas) entre Glyphs e RoboFont

- limitações do formato OpenType

gferreira

class Square(object):
    
    fillColor = 1, 0, 0
    
    def __init__(self, side):
        self.side = side
    
    def draw(self, pos):
        x, y = pos
        fill(*self.fillColor)

gferreira

# flip image

class Image(object):

    flip_x = False
    flip_y = False
    
    alpha = 1.0
    
    def __init__(self, image_path):

gferreira

"""
International Maritime Signal Flags
by Christopher P. Cacho @thenss

CodeFont Remix by Gustavo Ferreira @hipertipo

"""

# colors