This plugin no longer works with Safari 8.0.2 (current version) — plugin button appears after install clicking the button no longer does anything.

If you'd like to send me a PM and I'd be happy to test/troubleshoot for you in the case that you do not have access to Safari.

Would be nice to have the bookmarklet not load http content.

After updating my Safari to version 12.0, the browser kicked this extension out citing it’s “unsafe” and “not coming from the Safari Extension Gallery”. Would you mind looking into this?

My Google Chrome is Version 50.0.2661.94 (64-bit) (Mac)

I set up different key bindings on chrome://extensions/configureCommands dialog, none of them work.

I tried key bindings on different other extensions, and they work as expected, so nothing else is 'catching' the keys.

Possible to update the icon for extensions to be retina? Looks dated and rough on a rMBp or riMac.

Thanks! 👍

Thanks for this. Very clever and useful. This is something the various Dev Tools Inspectors should really implement natively. Congrats on beating them to it!

One issue: In chrome 21, the plugin doesn't work on text inside an iframe. No bubble pops up at all. Try inspecting the results pane here:

http://jsfiddle.net/Wsmfv/

Any fix greatly appreciated.

It would be a neat feature to be able to download the inspected font.

Screenshot is below. This only happens on my website; it works fine on GitHub, Facebook, Wikipedia, and Last.fm, so my code is probably the culprit (though I'm not sure what would cause this), but the code of an individual website probably shouldn't impact a bookmarklet, should it?

In the options, add the ability to toggle font-weight and font-size properties.
Or alternatively, support all the following font properties:

1. font-weight
2. font-size
3. font-style
4. font-variant
5. color
6. letter-spacing
7. line-height

It'd be great to use this in the main add-on area of the nav bar rather than the bookmarks bar.

Any interest in getting that working on Firefox? Asking before I start looking at that in case others already have.

在https://editorially.com/ 点击whatfont没有反应。

Why is Chrome disabling it under malware classification?

http://prntscr.com/jeo20x

Hi there,
Thanks for the extension, it's doing a great job.

However, as soon as I activate the extension and I load a page I get an error displayed on the developer-console:
Unchecked runtime.lastError: The message port closed before a response was received.

How to reproduce

1. Open e.g. this link with activated extension: https://www.google.com/search?q=test
2. There should be the error in the console.
3. Deactivate the extension and reload the page or open it once again.
4. No error is displayed in the console.

Profiling link https://perfht.ml/32Yxnru

Running ZURB Foundation v6 the font family is:

Helvetica Neue,Helvetica,Roboto,Arial,sans-serif

Using Win10, chrome 48+

WhatFont reports the font rendered is "Helvetica" however neither Microsoft Word nor control panels fonts can find Helvetica. Chrome is reporting Arial is rendered.

What license is this released under? :-)

Hey @chengyin, I have published the extension on your behalf at Microsoft Edge Store on your behalf with all credits to you. Hope thats ok with you?

WhatFont for Microsoft Edge

I have re-added the bookmark but once I load a site and try it, nothing happens...

Here is what shows in the bookmark:

javascript:(function(){var%20d=document,s=d.createElement('scr'+'ipt'),b=d.body,l=d.location;s.setAttribute('src','http://chengyinliu.com/wf.js?o='+encodeURIComponent(l.href)+'&t='+(new%20Date().getTime()));b.appendChild(s)})();

Any ideas?

I did see the issue where you notated that it only works on actual web-sites so I made sure I tried it on a few; https://www.mozilla.org/en-US/ being the last one I tried.

What do you think it would take to make the bookmarklet update dynamically, when values were changed in the DOM inspector?

Extension enabled but button no longer appears in the toolbar or in overflow menu after installation. Used to work fine.

• FIrefox 105.0.1 (64-bit)
• macOS
• latest extension version

This error is raised when using in Chrome v53.x:

Error in event handler for extension.onRequest: TypeError: Cannot read property 'indexOf' of undefined
at HTMLLinkElement. (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:8:293)
at Function.each (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/jquery.min.js:2:11776)
at each (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/jquery.min.js:2:8304)
at Object.google (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:8:246)
at Object.init (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:7:178)
at Object.init (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:24:3)
at s (chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:29:492)
at chrome-extension://jabopobgcpjmedljpbcaablpmlmfcogm/wf_chrome.js:30:107

Microsoft Edge is the second most used browser on the web, making the browsing experience more flexible, offering many more services for users and optimized for Windows devices.

Microsoft Edge supports Chromium extensions, and you can publish your extensions to Microsoft Edge Add-ons website with minimal code changes. Find out more here.

If you have any more queries about porting Chrome extension to Microsoft Edge or anything else, you can contact the relevant teams whose links are given here.

Let me know if this was helpful. I am happy to help you with more details.

It would be nice if the title linked to the typekit /google fonts webpage for immediate use.

I.e. I see a font I like, I click the link, and am almost immediately able to include the font in my own project. Is this feasible?

I did write a tweet referencing a JSFiddle, but I suspect that's just an iframe issue. My issue occurs without an iframe. With the following HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>
        </title>
        <link href="cursive.css" rel="stylesheet">
    </head>
    <body>
        <span class="cursive">what font am I, whatfont?</span>
    </body>
</html>

And the following stylesheet:

span {
    font-family: Cursive;
    border: 1px solid green;
}

I can't start whatfont, clicking the icon doesn't do anything.