Web design is not the same as static page design. Web pages are displayed on different size screens, are interactive, and provide for animation of content. These design charactoristics are part of the coding of the page and site. HTML5 and CSS3 are a living standard where new methods are added ... best practice is if the new coding is not supported the page falls back to a acceptable design.
CSS Animation Examples
Animation and keyframe tags allow web pages to present content as a PowerPoint presentation, tell a story, and provide an interactive user interface. Animation is a powerful tool to influence how a user engages with a web page. It can wake up a user, and frame a topic.
Custom fonts within the browser are easy at this point. They typically are around the same size as an image, and they are downloaded and made available for the page by a simple declaration in the CSS. Truetype or TTF is supported by all current browsers; However, OTF (OpenType font) is generally preferred as TTF is licensed that being said all systems and browsers have the license requirements for TTF. WOFF provides a better file size than OTF or TTF, but network data is sent in packets, and the largest usage of time is in establishing a connection to a single packet ... but if we are talking about a device with embedded hosting where each byte counts space makes a difference, then a smaller file should be used.