Maqaalkan, waxaan ka hadli doonaa sida aad u soo dejisan karto farta bogga internetka ee Chrome ama Edge browser adigoo isticmaalaya Qalabka Horumarinta^{(download fonts from websites in Chrome or Edge browser using Developer Tools)} . Chrome iyo Edge labaduba waxay la socdaan soo-saare mareegaha ku dhex dhisan iyo agabka wax qora ee loo isticmaalo in si toos ah loogu baadho mareegaha browserka. Waxaad wax badan ku samayn kartaa Aaladaha Horumarinta^{(Developer Tools)} . Tusaale ahaan, waxay awood kuu siinaysaa inaad aqoonsato xarfaha bogga internetka^{(identify fonts on a website)} , ka raadi gudaha faylka isha, adeegso qurxinta gudaha ku dhex jira, ku dayo dareemayaasha iyo goobta juqraafiyeed, iyo in ka badan.

Hadda, waxa kale oo aad ka soo dejisan kartaa xarfaha^{(download fonts)} degelka adiga oo isticmaalaya Aaladaha Horumarinta^{(Developer Tools)} . Si aad farta uga soo dejiso mareegaha, waxaad u baahan doontaa inaad dhex marto qaar ikhtiyaari ah oo aad tijaabiso khiyaamo. Aynu si faahfaahsan u eegno nidaamka.

Ka^(Download) soo deji farta mareegaha^(Font) adigoo isticmaalaya^(Website) Chrome Development Tools^{(Chrome Developer Tools)}

Maqaalkan, waxaanu ku tusi doonaa tillaabooyinka aad farta ka soo dejisan lahayd degelka Google Chrome ka . Waxaad isticmaali kartaa isla tillaabooyin la mid ah si aad u soo dejiso farta degelka browserkaaga Microsoft Edge . Waa kuwan tillaabooyinka taas lagu sameeyo:

1. Bilaw Google Chrome
2. Aad website ka meesha aad rabto in aad soo dejiso farta.
3. Fur Alaabada Horumariyaha
4. U gudub shabkada Shabakadda
5. Guji^(Click) ikhtiyaarka xarfaha oo dooro font si aad u soo dejiso .^(Font)
6. Soo deji faylka farta
7. Ku beddel faylka la soo dejiyey oo leh kordhinta faylka font.

Aynu si faahfaahsan u eegno tillaabooyinkan!

Marka hore, fur Google Chrome oo tag goobta aad u baahan tahay inaad kala soo baxdo font. Marka xigta^(Next) , u gudub liiska saddexda bar oo guji More Tools > Developer Xulashada Qalabka Horumarineed. Haddii kale, waxaad sidoo kale riixi kartaa Ctrl + Shift + I furaha isku dhafka ah si aad si dhakhso ah u furto guddiga Qalabka Horumarinta^{(Developer Tools)} .

Hadda, qaybta Aaladaha Horumarineed^{(Developer Tools)} ee furmay , dhagsii badhanka falaarta laba jibaaran ka dibna ka dooro oo ka fur Shabakadda^(Network) tabka menu-ka sare. Intaa ka dib, dib u soo geli degelka aad ku jirto.

Marka xigta, dhagsii qaybta farta^(Font) oo waxaad arki doontaa liiska farta ku duugan oo leh magacyo kala duwan oo ku yaal mareegaha. Waxaad ka dooran kartaa far liiska oo waxaad arki doontaa horudhaciisa guddiga loo qoondeeyay sida ka muuqata shaashadda hoose.

Hadda, sida loo aqoonsado qaabka font? Hagaag^(Well) , kaliya dul yeel jiirka farta oo arag kordhinta faylka dhamaadka. Tixraac sawirka hoose

Taas ka dib, si fudud midig-guji farta, ka dibna ka menu macnaha guud, guji Copy > Copy Response Xulashada Jawaab celinta.

Marka xigta, ku dar tab cusub browser kaaga Chrome oo ku dheji jawaabta la koobiyeeyay barta ciwaanka ee tabka ka dibna taabo badhanka Gelida . ^(Enter)Markaad taas sameyso, faylka ayaa la soo dejin doonaa.

Hadda, u tag galkaaga la soo dejiyo^(Downloads) halkaasoo faylka farta sare laga soo dejiyo. Hadda waa inaad dib ugu magacowdaa faylkan adigoo wata kordhinta faylka font. Taas awgeed, marka hore, u tag View tab ee File Explorer ka dibna hubi inaad awood u yeelatid magaca Faylka ikhtiyaarka kordhinta . ^{(File name extensions)}Hadda, dooro faylka la soo dejiyey ee font oo guji ikhtiyaarka Rename . Ku dar fidinta faylka farta ee la aqoonsaday (tusaale, .woff2 ) oo taabo badhanka Gelida.

Voila , sidan ayaad ka soo dejisan kartaa fayl fareedka mareegaha.

Maadaama Microsoft Edge uu hadda ku saleysan yahay Chromium , sida Chrome , waxaad kala soo bixi kartaa faylka font browserka Edge adoo raacaya tillaabooyinka kor ku xusan.

Waxaan rajeyneynaa in maqaalkani uu kaa caawiyay inaad barato sida loo soo dejiyo farta degelka Chrome ama browserka Edge adoo isticmaalaya ^(Edge)Aaladaha Horumarinta^{(Developer Tools)} .

TALO^(TIP) : Waxaa jira waxyaabo badan oo badan oo ah Aaladaha Horumarinta Chrome Talooyin iyo tabaha^{(Chrome Development Tools Tips and Tricks)} aad baran karto.

Hadda akhri: ^{(Now read:)} Isticmaal Aaladaha Horumarinta si aad u nadiifiso Xogta Goobta ee degel gaar ah oo Chrome ama Edge^{(Use Developer Tools to clear Site Data for a particular website in Chrome or Edge)} ah.

How to download a Font from a Website using Developer Tools

In this article, we will be talking about how yoυ can download fonts from websites in Chrome or Edge browser using Developer Tools. Both Chrome and Edge come with built-in web developer and authoring tools used to inspect websites directly in the browser. You can do a lot of things with the Developer Tools. For example, it enables you to identify fonts on a website, search within the source file, use a built-in beautifier, emulate sensors and geographical location, and more.

Now, you can also download fonts from a website using Developer Tools. To download a font from a website, you will need to go through some options and try a trick. Let’s check out the procedure in detail.

Download a Font from a Website using Chrome Developer Tools

In this post, we are going to show you the steps to download a font from a website in Google Chrome. You can use the same steps to download a website font in your Microsoft Edge browser. Here are the steps to do that:

1. Launch Google Chrome.
2. Go to the website from where you want to download fonts.
3. Open the Developer Tools.
4. Navigate to the Network tab.
5. Click on the Font option and select a font to download.
6. Download the font file.
7. Rename the downloaded file with the font file extension.

Let us check out these steps in detail!

Firstly, open Google Chrome and go to the website from where you need to download a font. Next, go to the three-bar menu and click on the More Tools > Developer Tools option. Alternately, you can also press the Ctrl + Shift + I key combination to quickly open up the Developer Tools panel.

Now, in the opened Developer Tools section, click on the double arrow button and then select and open the Network tab from the top menu bar. After that, reload the website you are on.

Next, click on the Font category and you will see a list of the embedded fonts with respective font names present on the website. You can select a font from the list and you will see its preview in the dedicated panel as shown in the below screenshot.

Now, how to identify the font format? Well, just hover the mouse over the font and see the file extension at the end. Refer to the below screenshot.

After that, simply right-click on the font, and then from the context menu, click on the Copy > Copy Response option.

Next, add a new tab in your Chrome browser and paste the copied response to the address bar in the tab and then press the Enter button. As you do that, a file will be downloaded.

Now, go to your Downloads folder where the above font file is downloaded. You now have to rename this file with the font file extension. For that, first, go to the View tab in the File Explorer and then make sure to enable the File name extensions option. Now, select the downloaded font file and click on the Rename option. Add the identified font file extension (e.g., .woff2) and press the Enter button.

Voila, this is how you download a font file from a website.

Since Microsoft Edge is now based on Chromium, like Chrome, you can download a font file in the Edge browser following the same steps as above.

Hope this article helped you learn how to download fonts from a website in Chrome or Edge browser using Developer Tools.

TIP: There are many more Chrome Development Tools Tips and Tricks that you can learn.

Now read: Use Developer Tools to clear Site Data for a particular website in Chrome or Edge.

Related posts

• Aqoonso xarfaha Chrome, Edge iyo Firefox adoo isticmaalaya Aaladaha Horumarinta

• Nadiifi xogta bogga goobta gaarka ah ee Chrome ama Edge adoo isticmaalaya Aaladaha Horumariyaha

• Sida loo beddelo Font Default gudaha Chrome, Edge, Firefox browser

• Waa maxay Habka Horumariyaha Chrome & waa maxay adeegsigiisa?

• Dami Aaladaha Horumarinta ee Edge addoo isticmaalaya Nidaamka Diiwaangelinta ama Kooxda

• Waa maxay noocyada kala duwan ee faylalka Font?

• How to clear Cache, Cookies, Browsing History in Chrome and Firefox

• 10ka Sare ee Kordhinta Chrome iyo Qalabka loogu talagalay Nakhshadayaasha Shabakadda

• Beddel Midabada Cunsurka Nidaamka & Cabirka Farta gudaha Windows 10

• Sida Loo Sameeyo Maab-Gaabnida Desktop ee Mareegta Chrome

• Sameeyaha Font Microsoft wuxuu kuu ogolaanayaa inaad abuurto xarfo gaar ah oo bilaash ah

• Qalabka FTP ee ugu Wanaagsan ee lagu Wareejin karo Faylasha boggagaaga domain

• Sida dib loogu dhiso Font cache gudaha Windows 11/10

• Sida loo beddelo Default Print Settings gudaha Google Chrome

• Beddelka xarfaha sare ee nidaamka waxa uu kuu ogolaanayaa inaad ku beddesho Font System gudaha Windows

• Sida loo beddelo Wakiilka Isticmaalaha iyo Goob-Joojinta ee Aaladaha Horumarinta ee Edge

• PassProtect wuxuu hubinayaa inaadan isticmaalin ereyada sirta ah ee horey loo jebiyey

• Dejinta Macluumaadka Google Chrome: Hage Buuxa

• FIX: reCAPTCHA oo aan ka shaqayn Chrome, Firefox, ama browser kasta

• Hagaaji File Blurry Sanduuqa wada hadalka ku fur Google Chrome iyo Microsoft Edge