How to save rendered fonts? - html

How would I save rendered fonts from websites? I tried ctrl + s on Chrome then saved the page and it didn't save the rendered font... I used inspect element on the saved page and there's a lot of these errors that say "Failed to load resource: net::ERR_FILE_NOT_FOUND" about the fonts on console... Could someone please help me? I really want the fonts that htmlBurger uses on the text "YOUR CODING SERVICE" so that I can use it on my website.

On that page (htmlBurger), just open DevTools (In Chrome it's Ctrl+Shift+I) and go to Sources tab. From right navigation go to:
htmlburger.com > assets > fonts/tungsten-rounded
Then select font you want to download and right click it and choose Open in new tab. It should automatically download font.

Related

Embedded PDF Issue in Edge Browser

When using the Microsoft Edge browser, by default when you open a PDF it will open the PDF in a new tab using the built-in PDF viewer. To avoid this, you can adjust the browser's settings: Toggle on the "Always open PDF files externally" option. This works great. However, it presents a separate issue. Our internal applications use embedded PDFs in iframes. When the external toggle is set to on, these PDFs will not show in the iframes. This doesn't happen in Chrome. Has anyone else experienced this and know a work around?
I've tried removing the type="application/pdf" from the iframe tag to no avail. I can't find anything else online.
It looks like an expected result because you have enabled the option Always open PDF files externally.
So MS Edge browser is giving you an option to download the PDF file and open it using the desired app.
You said this doesn't happen in Chrome browser.
If you enabled the Download PDF files instead of automatically opening them in Chrome option then you will notice the same result in the Chrome browser.
Output in the Chrome browser:
If you click on the Open button then it will download the PDF file.
I did not get any solution or a workaround for this issue.
If you think that there should be an option to load the file in an iframe if Always open PDF files externally option is enabled then I suggest you click on the Send Feedback button in the MS Edge browser and try to provide your feedback about it to the Microsoft.
I posted feedback suggesting that an exclusion/inclusion list be in included but the simplest way would be to treat the frame as part of the session. But this is not Microsoft it is the Chrome projects issue.

PDF Loads in Acrobat but Not in Browser

So, I create a pdf in Photoshop and aside from it being immense, it won't open in a browser. When I download with the HTML5 "download" attribute, the file downloads correctly, but if I double click in Chrome, I get a blank screen. If I go to the file manager and double click the pdf, it opens in Acrobat correctly.
Also, how do I decrease the file size? The PDF I have is almost 100MB and it's only 10 pages.
In photoshop (CC/CS6) go to file -> save as -> select PDF
This will open up a settings screen. In the general tab make sure "Preserve photoshop editing capabilities is NOT checked" and "Optimize for Fast Web Preview " IS checked This will make sure your pdf is tiny and optimized for fast web preview in Chrome.

Chrome / Firefox inspector to edit HTML

I know I can edit HTML elements in Chrome / Firefox inspector. But how can I save changes to the local file on my desktop?
Chrome is able to do some stuff via workspaces. Open devtools go to Sources add folder to workspace pick your index.html (or whatever) edit and save by clicking ctrl+s. Refresh browser and you'll see that changes are permanent. You can't however go to Elements/Inspector pick some tag change it and save because "DOM!==HTML".
Yes you can edit a locally saved html file in IE9 by right clicking the page in the browser window, choosing "view source" which opens in notepad and editing the code and then go to file and save the changes.
You can do the same thing In Firefox by opening Firebug and then opening the Firebug editor which is notepad.
I just thought I remembered doing it by just right clicking the page and opening "view source" in Firefox just as I did in IE9.
View Source in Firefox allows you to play around with your code and edit it but to save and edit the actual working file requires opening it up, making those same changes, then saving. I'd suggest using the developer tools and once you have what you want, copying and pasting the altered source code to use in the original file. If you have firebug and the firebug editor I think you may then be able to actually update the file itself. Chrome allows you to edit JavaScript like that but I'm not sure about HTML and CSS
I have the same problem, how to edit the DOM html and save the results. On my PC I can effectively do this operation using Scratchpad by changing the file type to all, open the file, edit it, do a save, then refresh the page. With a bit of messing around you can copy and paste from the Inspector to the Scratchpad. It's pretty hacky, but it does work.
However, one of my students who is using a Macbook AIR can't edit html files with ScratchPad, she can edit .js files, but all the html files are grayed out and can't be clicked. Bottom line is I don't know if this "solution" works for all systems.

Displaying PDF in web browser or adding option to save/open

I have a folder on my computer, which has an index.html:
PDF
And in the folder I also have mypdf.pdf.
I'm trying to make it so that I can have the option of opening the pdf (or saving it) when I click on the link. However, the browser doesn't do anything when I click on it.
How can I do this? What is the html for this?
That is actually browser behavior. The only way to force that would be with javascript.

zip file link not download from IIS in internet explorer 8 but instead opens as gibberish

i have a .zip file sitting on an IIS 6 webserver.
i have an html file with a link to that zip file like this:
Download File
When you open the page and click the link in firefox or chrome, you get the Open or Save dialog box as expected.
When you do the same in Internet Explorer 8, you navigate to a new page that displays the "contents" of the zip file as text (unreadable characters). This happens on at least 3 machines that were tested.
Any idea why this would be happening in IE or what i need to do to fix it?
Changing IE settings is not an option since we do not control the settings of who goes to our site. Changing the HTML or javascript on the page with link is an option.
Thanks for the help!
You may need to set the MIME type of the file. To do so, go to IIS6 Manager for the website. Go to Properties for the site (right-click on the website name for Properties in the menu). Click the HTTP Headers tab. Click the MIME Types... button.
From there, you should be able to add .zip as an extension. I'm not entirely sure which MIME type will work best, but application/zip and application/x-zip are two options to try.