Loading the Elevenlabs Text to Speech AudioNative Player...
on: improving web typography - Joanna Peña-Bickley | AI Pioneer + Design Engineer @font-face {font-family: 'SIFONN_PRO';src: url('https://joannapenabickley.com/wp-content/uploads/2021/01/SIFONN_PRO.woff') format('woff');}@font-face {font-family: 'Sifonn-Basic-Outline';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic-Outline.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic-Outline.woff') format('woff');}@font-face {font-family: 'Sifonn-Basic';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Basic.woff2') format('woff2');}@font-face {font-family: 'Sifonn-Pro';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Pro.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/Sifonn-Pro.woff') format('woff');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexMono-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2022/04/IBMPlexSerif-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexMono-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexMono-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Bold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSans-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSans-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'Sifonn-Basic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic.ttf') format('truetype');}@font-face {font-family: 'Sifonn-Basic-Outline';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.woff2') format('woff2');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/Sifonn-Basic-Outline.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-BoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-BoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Light';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Light.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ExtraLightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Medium';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Medium.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ExtraLight';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ExtraLight.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Italic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Italic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-SemiBold.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-MediumItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-MediumItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Thin';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Thin.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-ThinItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-ThinItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Regular.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-SemiBoldItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-SemiBoldItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-LightItalic';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-LightItalic.ttf') format('truetype');}@font-face {font-family: 'IBMPlexSerif-Bold';src: url('https://joannapenabickley.com/wp-content/uploads/2023/05/IBMPlexSerif-Bold.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-Italic-VariableFont_wght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFont_wght.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-VariableFont_wght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFont_wght.ttf') format('truetype');}@font-face {font-family: 'JosefinSans-Italic-VariableFontwght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.eot');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.ttf') format('truetype');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff2') format('woff2');}@font-face {font-family: 'JosefinSans-VariableFontwght';src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff') format('woff');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.ttf') format('truetype');src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff2') format('woff2');}@font-face {font-family: 'AbrilFatface-Regular';src: url('https://joannapenabickley.com/wp-content/uploads/2026/03/AbrilFatface-Regular.ttf') format('truetype');} @font-face { font-family: 'JosefinSans-VariableFont_wght'; src: url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.eot') format('embedded-opentype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.eot') format('embedded-opentype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff2') format('woff2'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff2') format('woff2'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.woff') format('woff'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.woff') format('woff'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFont_wght.ttf') format('truetype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-Italic-VariableFontwght.ttf') format('truetype'), url('https://joannapenabickley.com/wp-content/uploads/2024/05/JosefinSans-VariableFontwght.svg#JosefinSans') format('svg'); }

on: improving web typography

gravatar
 · 
August 5, 2010
 · 
2 min read

Over the last few weeks I have spoken & written about how the digital space is becoming a designers playground through HTML 5, open design tool kits and video.  Veer has become, yet another, type foundry added to Typekit’s remarkable list of foundries; allowing us to rent quality fonts for use on our websites.  I first found Typekit when I was designing my new blog http://imadethat.posterous.com (exclusive work in progress blog - need a password to check it out)


Screen shot 2010-08-01 at 4.28.54 PM

Typography is the back bone of design. The web is just about 85% typography.  Why shouldn’t it be viewed on the same lines as rounded corner boxes or text-shadows that look cool for the time being? It is an element of design that has been around since the written word first appeared on the walls of cavewoman.  In order to help prevent typography from falling into yet another ignored or misused category, learning about typography, beyond typefaces and fonts is essential a must to every designers toolbelt.

The people behind Typekit do a great job of this. They offer a short write-up about each font providing background / historical information, purpose for which it was created, and what its use is best intended for (ie: works well at very small sizes, good for body copy, great for headlines).

A wide range of quality fonts at our finger tips, CSS3 techniques that allows us to break and flow text into multiple columns… The web is starting to give designers less and less limitations and comparable to its print ancestors.   In your next digital project, challenge your development teams to expand their HTML & CSS practices to use the many type tools that are fueling the best built web experiences today.

Comments

No Comments.

Leave a Reply or Thought

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inspiring Orator

Desktop-4

Joanna is regarded as a thought leader and headline speaker at the conferences. Her subject matter expertise in AI, Ethics & Workforce Development is customized to inspire and influence global audiences. 

View Talks | + Book Joanna To Speak
 

+ Ready-To-Wear The Future Blog
+ CognitiveExperience.design
+ AiDesignCorps.org

Featured Talks
Desktop-1

Artificial intelligence (AI) is the tool of the modern inventors. Amidst the great global transition, AI aided product design accelerates what is invariable complex seem indistinguishable from magic.

Presentations | + Videos  | + Articles

Host of Designed By
Desktop – 2

DesignedBy.show invites you to join the audacious trailblazers transforming our world for the next 100 years.

CONNECT WITH JOANNA AND COMPANY AS SHE EXPLORES SPACESHIP EARTH

JoannaPenaBickley_Logo_White
LOGO-CXD
VibesAi_Logo_White
Logo_NoBox_w
twitter-1
instagram-1
facebook-1
youtube-1
Linktree44

Discover more from Joanna Peña-Bickley | AI Pioneer + Design Engineer

Subscribe now to keep reading and get access to the full archive.

Continue reading

Share via
Copy link
Powered by Social Snap