My Personal Technical Resource


How to use custom fonts in your HTML with Google Web Fonts

Google has made adding custom fonts to your web pages very simple. You no longer need to find a public domain font, download it, convert it, and then upload it to your site. Plus, it only takes a simple edit to change the font. First go to Google Web Fonts and choose the font(s) you [...]

Posted in CSS, Fonts, HTML, Tutorials | No Comments »

Web-safe fonts with CSS

Web-safe fonts is a common problem that I run into when cleaning up web pages for customers. My primary goal when cleaning up or rewriting a web page is to try and make things consistent across all platforms and browsers. This is easier said than done in many cases. Not only are bad font declarations [...]

Tags: , , , , , , ,

Posted in CSS, Fonts, HTML | No Comments »

Make a full screen <div> overlay that does not move when the page scrolls

If you need to make a full screen div overlay to load a popup, like a system modal dialog or an animated loading image and want to keep it full screen without it moving with the scroll bars, there is a simple solution. You just need to add the correct CSS to lock the <div> [...]

Tags: , , , , , , , , ,

Posted in CSS, HTML | No Comments »