@ CSS font-face installs the font on the computer or just uses it on the website?

5

I was told that when I use @ font-face on a page and someone accesses it, the operating system downloads and installs the font.

I happened to notice the following: when creating a file with @ font-face and access, the font appears correctly, but if I then remove the @ font-face and open the same page, the font does not load, or either, it was not installed on my pc.

I concluded that the source only appears on the site, is this statement correct?

<html>
<head>

<style>
@font-face {
font-family: "scarface";
src: url("/wp-content/uploads/fonts/scarface-webfont.eot"); /* para IE */
src: local("scarface"), url("/wp-content/uploads/fonts/scarface-webfont.ttf") format("opentype");
}

body { font-family: "scarface", Cursive; font-size: 24px; }

</style>

</head>
<body>

   Texto

</body>
</html>
    
asked by anonymous 31.03.2014 / 02:25

2 answers

7

@ font-face does not install font on OS:

Your assertion is correct, so much so that the @ font-face directive lowers the font for use in the browser, and has no relation to the operating system fonts, so that the most common web formats such as .eot, .woff and .svg are not compatible with those of the system (ttf is an exception).

The font is never installed on the system (or temporarily), so if you have your browser open on the page, even with the font appearing correctly, it will not be available in other applications.

Just do the test: open a page with custom fonts, and then run an application such as Word, or Photoshop, anyone with a choice of fonts. You will notice that the source of the site does not appear among those available by the OS (which is fine, otherwise your system would make a mess).

    
31.03.2014 / 02:55
3

The local() value causes the browser to look for the font on the visitor's computer before downloading the one from the server.

But for my knowledge it does not go down, if you take one from google fonts for example, it only temporarily installs (until you remove it from the site) on the site. More information can be found here .

    
31.03.2014 / 02:33