Selector de fonts

La detecció de fonts és un inspector ràpid i visual per a colors, espaiat i contrast. Funciona en qualsevol lloc, s'obre en un panell compacte i recorda una mida segura. Podeu tancar el lector de fonts de l'extensió fent clic a la creu de la finestra o fent clic a la icona.

🔥 Aspectes destacats principals

⭐ Presets de còpia CSS nets: Tots, cercador de fonts, tipografia, colors.
⭐️ Inspecció en temps real a la pàgina amb passar el cursor i fer clic a qualsevol element.
⭐️ Insígnies Web/Local aplicació de selector de fonts de Chrome renderitzada.
⭐️ Elements desats per a referències tipogràfiques i components.

📌 Com funciona

Passa el cursor o fes clic per bloquejar un element; el panell mostra selector, Copiar CSS. El mode millorat en el cercador de fonts t'informa si l'accés està bloquejat. Necessites descarregar cada vegada que llances l'extensió, però no cal que donis permís al navegador de nou en el selector de fonts del mateix lloc web.

⚡️ Accions clau

1. Passa el cursor per fer una vista prèvia.
2. Fes clic per bloquejar la selecció.
3. Copia CSS net.
4. Canvia el selector de fonts.
5. Desa qualsevol element.
6. Alterna la tipografia.

🪐 Visualització i finestra

Mostra o amaga seccions de tipografia, color i espaiat per mantenir la interfície d'usuari mínima. La finestra de l'extensió de selector de fonts de Chrome s'adhereix a la teva pantalla, comença a la pestanya d'elements i no s'obrirà minimitzada.

📚 Presets de còpia

- Tots els dades CSS per a un bloc d'estil complet.
- Tipografia per a conjunts de text preparats per al disseny.
- Colors per a paletes amb extensions de fonts.

🧩 Detalls de tipografia

Família i pila, pes amb noms llegibles, mida, altura de línia, espaiat de lletres/palabras, estil, variant, més botons ràpids de còpia de pes. L'extensió de cercador de fonts de Chrome està agrupada perquè vegis els essencials sense desordre.

🎯 Avantatges addicionals

1️⃣ Càrrega ràpida d'informació local basada en dominis en un domini permès.
2️⃣ Selector de mida de font de l'extensió de Chrome amb dimensions segures fora de pantalla.
3️⃣ Es prevenen estrictament elements duplicats per mantenir la netedat.

💡 Qui es beneficia

Els desenvolupadors front-end poden trobar fonts al lloc web, considerant els desenvolupadors que verifiquen dades renderitzades i espaiat; dissenyadors UI/UX que auditen tipografia, colors i contrast; equips de QA/accessibilitat que comproven ràpidament els nivells WCAG. També és un cercador frontal per a equips que comparteixen dades per a sistemes de disseny coherents.

🚀 Avantatges ràpids

➤ Dades CSS netes.
➤ Inspecció ràpida.
➤ Un extractor de fonts.
➤ Preparat per al contrast.
➤ Referència web desada.
➤ Panell compacte.

🧶 Mode de pausa

Atura temporalment la selecció perquè puguis interactuar lliurement amb la pàgina i l'eina de selector de fonts web no funcionarà. Toca-ho quan necessitis desplaçar-te, fer clic o activar estats de la interfície d'usuari sense perdre el teu lloc; després reprèn la inspecció en un sol pas i podràs identificar fonts al lloc web.

🧷 Contingut de l'element rebut

• URL de la pàgina web.
• Segell del nom d'amfitrió.
• Un selector d'estil de font.
• Mida i pes.
• Estil + altura de línia.

🌟 Desa comentaris

Quan facis alguna cosa en el selector de fonts per al lloc web, el panell mostra pistes visuals clares: un missatge de confirmació actualitza el comptador desat, les accions de còpia desencadenen un breu missatge de còpia a la icona, i els estats d'accés denegat del selector de fonts mostren una advertència perquè sàpigues exactament què arreglar abans de continuar.

🧠 Preguntes freqüents

Q: Necessito tenir obert DevTools?
A: No, tot està al panell flotant.

Q: Farà que la meva pàgina vagi més lenta?
A: L'extensió de selector de fonts de Chrome està ben optimitzada.

Q: Funciona a tot arreu?
A: Sí. El mode millorat necessita HTTPS per descarregar dades locals.

🔎 Pausa vs Actiu

Quan l'inspector està actiu, el cercador de fonts del lloc web agafa el teu cursor per ressaltar elements, així que els clics i els passades de cursor a la pàgina són interceptats. Activa la pausa i l'extensió "es fa a un costat": pots fer clic a botons i interactuar amb la pàgina normalment. Preparat per utilitzar de nou el selector de família de fonts? Desactiva la pausa i continua.

🧰 Controls de finestra

◆ Arrossega per reposicionar el panell.
◆ Redimensiona els costats per ajustar-te a la teva vista.
◆ Un selector de fonts recorda la mida.
◆ S'adhereix a la teva pantalla actual.
◆ Maximitza per a una vista gran segura.

📝 Comparació amb altres eines

A diferència de l'extensió What Font, que principalment informa del nom de família declarat, la nostra eina revela la font real renderitzada, ofereix presets de còpia CSS nets amb un clic i desa instantànies completes d'elements. A diferència de l'extensió whatfont, també pots carregar presets locals per a precisió i mantenir una llista.

☘️ Començament

1️⃣ Comença a utilitzar el selector de fonts del lloc web descarregant, fes clic a la icona, passa el cursor o fes clic a un element.
2️⃣ Explora la informació a la finestra amagat seccions amb dades que no necessites ara.
3️⃣ Activa el mode de pausa quan necessitis canviar alguna cosa sense bloquejar-te de l'extensió.

❤️ Paraules finals

Realment hem intentat fer una gran extensió de selector i sempre estem oberts als teus comentaris per a millores futures. Instal·la i gaudeix d'un ús còmode.