/* Font */ @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_bold.ttf") format("truetype"); font-weight: 700; } @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_semibold.ttf") format("truetype"); font-weight: 600; } @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_medium.ttf") format("truetype"); font-weight: 500; } @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_text.ttf") format("truetype"); font-weight: 400; } @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_thin.ttf") format("truetype"); font-weight: 300; } @font-face { font-family: "Myriad Set Pro"; src: url("fonts/myriad-set-pro_ultralight.ttf") format("truetype"); font-weight: 100; } /* use the custom font like any other font */ body { font-family: "Myriad Set Pro","Helvetica Neue","Helvetica","Arial",sans-serif; }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter