css - attribute - ¿Cómo se renderiza la fuente web con licencia?

p html

Question

Estoy buscando el código fuente de un proyecto donde se usa una fuente con licencia de myfonts.com .

El archivo css contiene esto -

  /* @import must be at top of file, otherwise CSS will not work */
    @import url("//hello.myfonts.net/count/123d4d");

   @font-face {
  font-family: ''SoliPx'';
  src: url(''webfonts/123D4D_1_0.eot'');
  src: url(''webfonts/123D4D_1_0.eot?#iefix'') format(''embedded-opentype''),url(''webfonts/123D4D_1_0.woff'') format(''woff''),url(''webfonts/123D4D_1_0.ttf'') format(''truetype'');
}

Y como se menciona en las direcciones URL de origen, hay archivos eot, woff, ttf en la carpeta local de proyectos webfonts .

Sé cómo funcionan en general @ font-face y webfonts.

Pero en el caso anterior donde se usa una fuente con licencia / comercial, no veo ningún archivo de fuente descargado en Dev Tools, pero el texto se representa con la fuente especificada.

Hay una solicitud neta que va a hello.myfonts.net/count/123d4d con estado 200 y content-type de content-type respuesta de "texto / css" pero nada en el cuerpo de la respuesta.

¿Qué está pasando internamente? ¿Cómo está funcionando esto?

Answer 1

He lidiado con esto antes, y aquí está lo que hace ese archivo importado:

1. En cuanto a la carga de las fuentes, no hace nada. Lo he dejado fuera (mientras se prueba) y las fuentes se cargan bien de mi servidor.

2. Cuenta la cantidad de veces que los archivos son importados por su CSS (por lo tanto, /count/ en la URL). Si lees la licencia de fuente web de myfonts.com, la mayoría de las fuentes web vienen con un límite mensual de visitas a la página. Si pasa ese límite, myfonts querrá volver a cargar su cuenta o le sugiere que compre una nueva licencia con un límite superior.

Entonces, lo que realmente tenemos aquí es un punto final de API que devuelve un archivo CSS vacío. Cada vez que se carga ese archivo CSS, myfonts agrega un +1 a la cantidad de visitas mensuales a la cuenta que corresponde al hash al final, en su caso 123d4d .

Una vez más, no tiene nada que ver con cargar las fuentes en sí mismas. Tiene los archivos en su servidor, y se cargarán cuando se haga referencia a ellos, punto final.