[Duda] ¿Actualizaron la forma de usar las fuentes externas?

De ante mano aviso que sé qué los videos son del 2020. Al parecer cambiaron la forma de vincularlos ya que no me aparece igual que en el video, quiero decir, es así como aparece ahora: Como se haría ahora con la página Esto me confunde ya que ahora es un código mucho más largo, y un detalle es que:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">

Sin los 2 primeros, solo con el tercero, al parecer funciona igual, pero sin el tercer los otros 2 no hacen nada, no se si es que cambian aspectos que no me doy cuenta o que, en conclusión, quisiera saber si tengo que dejar los 3 enlaces, con el tercero basta o si hay una forma de escribirlo en una sola línea (o el modo anterior, ya que hasta el llamado en el CSS es distinto).

Hola Lara, Ciertamente cambió la pagina de google fonts, pero a final de cuentas es practicamente igual, en cuánto a lo que mencionas del código, solo con el tercero va a funcionar, es cierto, pero la función de < link rel="preconnect" ... > es establecer una conexión preliminar o anticipada con los recursos externos, en este caso, servidores que las fuentes, por lo general reduce el tiempo de espera para enviar y recibir los datos externos y puede mejorar la carga de la página.

Es un buen elemento, pero no hay que abusar del "preconnect" porque el consumo de recursos del navegador puede elevarse.

Volviendo al tema de las fuentes, puede que en páginas chicas y/o con buena conexión no se note el trabajo del preconnect y la página cargue rápido y sin problemas, pero en otras circunstancias puede que se note bastante.

Espero que mi comentario ayude un poco.