CSS Style Maker: @Font Face

CSS @Font Face Generator

CSS Border Radius CSS Box Shadow CSS Text Shadow CSS RGBA CSS Font Face CSS Multiple Columns CSS Outline CSS Transition CSS Transform CSS Flex Box CSS Gradient
Please fill in the values below to generate CSS attributes for Multiple Columns
Browser Compatibility
  • Chrome (all versions)
  • Firefox (all versions)
  • Safari 3.2+
  • Internet Explorer 9+
  • Opera 10.1+
  • Android 4.0+
  • iOS 4.2+
@Font Face CSS Generator will automatically display the CSS attributes below once the inputs above are filled in.

                        
Copy

                    



                    
                    

                        

                        
                        
                        
                        
                    

                    
                    

                    

                        The @font-face rule in CSS is used to define custom fonts for use in web documents. It allows you to embed custom fonts and use them in your web pages, ensuring consistent typography regardless of whether the user
                        has the specific font installed on their system.