{"action":"created","issue":{"url":"https://api.github.com/repos/reduxframework/redux-framework/issues/2114","labels_url":"https://api.github.com/repos/reduxframework/redux-framework/issues/2114/labels{/name}","comments_url":"https://api.github.com/repos/reduxframework/redux-framework/issues/2114/comments","events_url":"https://api.github.com/repos/reduxframework/redux-framework/issues/2114/events","html_url":"https://github.com/reduxframework/redux-framework/issues/2114","id":60360796,"number":2114,"title":"Google fonts won't load in admin pulldown typography section","user":{"login":"TheRegge","id":494409,"avatar_url":"https://avatars.githubusercontent.com/u/494409?v=3","gravatar_id":"","url":"https://api.github.com/users/TheRegge","html_url":"https://github.com/TheRegge","followers_url":"https://api.github.com/users/TheRegge/followers","following_url":"https://api.github.com/users/TheRegge/following{/other_user}","gists_url":"https://api.github.com/users/TheRegge/gists{/gist_id}","starred_url":"https://api.github.com/users/TheRegge/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TheRegge/subscriptions","organizations_url":"https://api.github.com/users/TheRegge/orgs","repos_url":"https://api.github.com/users/TheRegge/repos","events_url":"https://api.github.com/users/TheRegge/events{/privacy}","received_events_url":"https://api.github.com/users/TheRegge/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":14,"created_at":"2015-03-09T15:30:45Z","updated_at":"2015-03-13T13:09:30Z","closed_at":"2015-03-13T13:09:30Z","body":"Redux Framework version: __3.4.3.5__\r\nWordpress Version: __4.1.1__\r\ndev_mode: __false__\r\nStandalone theme with __embedded__ Redux Framework\r\nNo js errors, no php errors (well, I get a js error if I choose 'none' in the pulldown menu `Uncaught TypeError: Cannot read property 'length' of undefined` in (view screen grab because it does not let me copy this part:) \r\n![screen_shot_2015-03-09_at_11_26_05_am](https://cloud.githubusercontent.com/assets/494409/6557950/6224a802-c64f-11e4-82e9-a7f957c27dc3.png)\r\n\r\nThis is what the problem looks like, if my description is unclear: no google fonts!\r\n![screen shot 2015-03-09 at 10 54 35 am](https://cloud.githubusercontent.com/assets/494409/6557731/a6da4288-c64d-11e4-8355-dd4ce8358ba5.png)\r\n\r\nI am developing on a virtualbox ubuntu server set up to be very similar to my prod server. On my dev, the typography module loads google fonts without any issues. The same exact same setup does not load google fonts in the admin pulldown menu.\r\n* I am using a google api key with dns set to 'any'. Using the same key both on dev and prod servers. I also tried to use two different keys for dev and prod, same results.\r\n* All the files in my theme belong to the web user, so they are all readable and writable.\r\n* I have checked if I had any strange .htaccess that would block something, commented out anything that was not pure WordPress .htaccess... no effect.\r\n* I could not find documentation on the 'async_typography' config.. I am not sure what it does. I turned in on and off, no noticeable effects.\r\nI am pasting below the config section where I define the typography modules (I use it 2 times, one for body text, one for headers)\r\n\r\n    ````php\r\n     public function setSections() {\r\n                // ACTUAL DECLARATION OF SECTIONS\r\n                $this->sections[] = array(\r\n                    'title'  => __( 'Typography', 'redux-framework-demo' ),\r\n                    'desc'   => __( 'Typography Options for the blog.', 'redux-framework-demo' ),\r\n                    'icon'   => 'el-icon-font',\r\n                    // 'submenu' => false, // Setting submenu to false on a given section will hide it from the WordPress sidebar menu!\r\n                    'fields' => array(\r\n                        array(\r\n                            'id'          => 'opt-typography-body',\r\n                            'type'        => 'typography',\r\n                            'title'       => __( 'Body font', 'redux-framework-demo' ),\r\n                            'google'      => true,\r\n                            // Disable google fonts. Won't work if you haven't defined your google api key\r\n                            'font-backup' => TRUE,\r\n                            'font-style'  => TRUE, // Includes font-style and weight. Can use font-style or font-weight to declare\r\n                            'font-size'   => FALSE,\r\n                            'text-align'  => FALSE,\r\n                            'line-height' => FALSE,\r\n                            'color'       => TRUE,\r\n                            'all_styles'  => TRUE,\r\n                            'output'      => array( '.main p' ),\r\n                            'units'       => 'px',\r\n                            'subtitle'    => __( 'Font style for the body text', 'redux-framework-demo' ),\r\n                            'default'     => array(\r\n                                'color'       => '#333',\r\n                                'font-family' => 'Open Sans',\r\n                                'google'      => true\r\n                            ),\r\n                        ),\r\n                        array(\r\n                            'id'          => 'opt-typography-headers',\r\n                            'type'        => 'typography',\r\n                            'title'       => __( 'Headers font', 'redux-framework-demo' ),\r\n                            'google'      => true,\r\n                            // Disable google fonts. Won't work if you haven't defined your google api key\r\n                            'font-backup' => TRUE,\r\n                            'font-style'  => TRUE, // Includes font-style and weight. Can use font-style or font-weight to declare\r\n                            'font-size'   => TRUE,\r\n                            'text-align'  => FALSE,\r\n                            'line-height' => TRUE,\r\n                            'color'       => TRUE,\r\n                            'all_styles'  => TRUE,\r\n                            'output'      => array( 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'h1 a', 'h2 a','h3 a','h4 a','h5 a','h6 a'),\r\n                            'units'       => 'em',\r\n                            'subtitle'    => __( 'Font style for the text headers', 'redux-framework-demo' ),\r\n                            'default'     => array(\r\n                                'color'       => '#333',\r\n                                'font-weight' => '600',\r\n                                'font-family' => 'Open Sans',\r\n                                'google'      => true,\r\n                                'font-size'   => '1.1em',\r\n                                'line-height' => '1.2em'\r\n                            ),\r\n                        ),\r\n            array(\r\n                            'id'      => 'opt-typography-links',\r\n                            'type'    => 'link_color',\r\n                            'title'   => __( 'Links', 'redux-framework-demo' ),\r\n                            'output'  => array( 'a'),\r\n                            //'visited' => TRUE,\r\n                            'subtitle'    => __( 'Links color', 'redux-framework-demo' ),\r\n                            'default'     => array(\r\n                                'regular' => '#428bca',\r\n                                'hover'   => '#3282c9',\r\n                                'active'  => '#3282c9',\r\n                            ),\r\n                        ),\r\n                    )\r\n                );\r\n            }\r\n````\r\nCan anyone help? Thanks!"},"comment":{"url":"https://api.github.com/repos/reduxframework/redux-framework/issues/comments/78963534","html_url":"https://github.com/reduxframework/redux-framework/issues/2114#issuecomment-78963534","issue_url":"https://api.github.com/repos/reduxframework/redux-framework/issues/2114","id":78963534,"user":{"login":"TheRegge","id":494409,"avatar_url":"https://avatars.githubusercontent.com/u/494409?v=3","gravatar_id":"","url":"https://api.github.com/users/TheRegge","html_url":"https://github.com/TheRegge","followers_url":"https://api.github.com/users/TheRegge/followers","following_url":"https://api.github.com/users/TheRegge/following{/other_user}","gists_url":"https://api.github.com/users/TheRegge/gists{/gist_id}","starred_url":"https://api.github.com/users/TheRegge/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TheRegge/subscriptions","organizations_url":"https://api.github.com/users/TheRegge/orgs","repos_url":"https://api.github.com/users/TheRegge/repos","events_url":"https://api.github.com/users/TheRegge/events{/privacy}","received_events_url":"https://api.github.com/users/TheRegge/received_events","type":"User","site_admin":false},"created_at":"2015-03-13T13:09:30Z","updated_at":"2015-03-13T13:09:30Z","body":"@dovy @kprovance Sorry guys I was confused about the versions... The WordPress plugin is\r\n**JW Player 6 Plugin for Wordpress**\r\n**Version 2.1.10**\r\nThis plugin uses the **version 6.11** of the JWPlayer, a web video product that is not limited to WordPress ([jwplayer.com](http://www.jwplayer.com/)).\r\n\r\nBut **I found out what breaks Redux typography module in the JW Player 6 WordPress plugins:**\r\nIn the plugin file `jwp6/jwp6-class.media.php` the plugin loads the `jquery.select2` javascript library and its related css. When I prevent the plugin from loading those libraries, the Redux typography modules **loads google fonts correctly**.  Preventing to load this library does not seem to break anything in the JWPlayer plugin... \r\nSo, as far as I am concerned, the issue can be closed. I am very grateful for your guys' help. The ball is in JWPlayer's developers side. I did not find a ticket/issue system on their site, so I sent them a Twitter message with as much info as I could. They seemed to be responsive.\r\nCheers!"}}