Typekit doesn´t work

  • Author
    Posts
  • #2438563

    I have used fonts from Adobe for my site for years and suddenly they are all gone. I have tried to fix this and made a “kit” on Adobe Typekit, but it doesn´t work. What´s happening? How to solve this mess?

    The blog I need help with is ingridribelli.wordpress.com.

    #2438643

    justjennifer
    Moderator

    It appears that WPcom has now turned off all support for existing TypeKit accounts that were previously “grandfathered” on older sites during the changeover to Custom Design.

    Now, in order to use a limited set of Custom Fonts for Headings and Body Text on WPcom, we’ll have to purchase the Premium bundle, which includes Custom Design.

    You’ll want to read this previous forum discussion as well: https://en.forums.wordpress.com/topic/using-typekit-fonts-in-css?replies=15

    #2438644

    Here is the messy code: “a {
    color: red;
    text-decoration: none;
    outline: none;
    font-weight: 900;
    font-size: 1em;
    }

    acronym,abbr,.caps {
    font-size: 1em;
    letter-spacing: .07em;
    }

    .author {
    font-size: 2em;
    text-transform: lowercase;
    letter-spacing: 2px;
    }

    body {
    font-size: 85%;
    font-family: john-doe-1, john-doe-2;
    font-weight: 900;
    color: #575757;
    text-align: center;
    margin-bottom: 25px;
    }

    .commentbox cite a {
    color: #000;
    }

    code {
    font: 1.7em ‘Courier New’, Courier, monospace;
    }

    .commentbox {
    margin-left: 60px;
    border: 1px solid #ddd;
    }

    .commentlist cite,#footer ul li,#footer ol li,h3 {
    font-size: 1em;
    }

    .commentlist li,#commentform input,#commentform textarea,.nocomments {
    font: .9em Arial, Helvetica, sans-serif;
    }

    .commentlist p {
    font-weight: normal;
    line-height: 1.2em;
    text-transform: none;
    margin: 10px 5px 10px 0;
    }

    .commentmetadata {
    border-bottom: 1px solid #eee;
    background: url(‘images/background.png’);
    display: block;
    padding: 5px 10px 3px;
    }

    .commentmetadata a,.reply a {
    border: none;
    }
    }

    #content_container .search,#footer .search {
    border: none;
    }

    #sidebar #credits {
    font-family: “John Doe”;
    font-size: .7em;
    color: aqua;
    border-top: 2px solid #ddd;
    padding: 10px 0;
    }

    .description {
    letter-spacing: 2px;
    }

    .entry {
    line-height: 1.6em;
    margin-top: 10px;
    position: relative;
    }

    .entry a,.comment_body a {
    border-bottom: 1px dotted #666;
    }

    .entry a img {
    margin-bottom: -3px;
    }

    .entry a:hover {
    }

    .entry h1 {
    font-size: 4.7em;
    }

    #footer .children a {
    font-size: 12px;
    }

    #footer p {
    text-align: center;
    clear: both;
    padding: 20px 0;
    }

    #footer ul li,#footer ol li {
    letter-spacing: -1px;
    border-bottom: 2px dotted #ddd;
    }

    .gallery a {
    border: none;
    }

    .gallery img {
    border: 1px solid #ccc;
    width: auto;
    padding: 2px;
    }

    h2 {
    font-size: 5.9em;
    font-family: voluta-script-pro-1, voluta-script-pro-2;
    font-weight: 900;
    text-align: left;
    line-height: 110%;
    padding-bottom: 40px;
    padding-top: 95px;
    padding-left: 17px;
    padding-right: 1px;
    }

    .archive h2.pagetitle,.search h2.pagetitle {
    font-size: 1.5em;
    font-weight: 900;
    margin: 0;
    }

    .nocomments {
    font-style: normal;
    text-align: center;
    margin: 0;
    padding: 0;
    }

    #page {
    text-align: left;
    margin: 0;
    }

    .post .date,.page .date {
    border-bottom: 1px dotted #ccc;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: normal;
    width: 150px;
    color: aqua;
    }

    .postmetadata {
    border-top: 1px dotted #ccc;
    border-bottom: 2px dotted #ddd;
    margin-top: 20px;
    clear: both;
    padding: 3px 0;
    }

    .postmetadata a,.tags a {
    border: none;
    }

    .postmetadata,.tags {
    text-align: right;
    font-size: 1em;
    }

    .more-link,#content_container .search,#footer .search,.navigation,.commentlist li ul li,#credits {
    font-size: .9em;
    }

    .reply {
    border: solid #ddd;
    background-color: #fff;
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-width: 1px 0 0 1px;
    padding: 0 5px;
    }

    .reply a {
    color: #ccc;
    }

    #sidebar .children a {
    font-size: 17px;
    }

    #sidebar ul ul li,#sidebar ul ol li {
    border-bottom: 1px solid #eee;
    }

    #sidebar h2 {
    font-size: 4em;
    font-weight: bold;
    color: magenta;
    text-decoration: normal;
    margin-top: 50px;
    margin-bottom: 10px;
    padding: 0;
    }

    small,#sidebar ul ul li,#sidebar ul ol li,#footer ul ul li,#footer ul ol li,.nocomments,.postmetadata,blockquote,strike,.tags,#credits,#credits a,#content_container .search,#footer .search,.post .date,.page .date {
    color: grey;
    }

    small,.reply a {
    font-family: john-doe-1, john-doe-2;
    font-size: .5em;
    line-height: 1.5em;
    }

    .sticky {
    background: red;
    }

    .sticky h2 {
    font-style: normal;
    }

    .vcard {
    float: left;
    border: 1px solid #ddd;
    padding: 2px;
    }

    #wp-calendar #prev,#wp-calendar #next {
    font-size: 8pt;
    }

    #wp-calendar a {
    text-decoration: none;
    background-color: #eee;
    display: block;
    }

    #wp-calendar a:hover,#wp-calendar a:focus {
    color: #fff;
    }

    #wp-calendar caption {
    background: url(‘images/background.png’);
    border-bottom: 1px solid #ddd;
    text-align: center;
    width: 100%;
    padding: 2px 0;
    }

    #wp-calendar th {
    font-style: normal;
    text-transform: capitalize;
    }

    * {
    margin: 0;
    padding: 0;
    }

    .page #content {
    padding-top: 10px;
    }

    #content_container {
    clear: left;
    margin: auto;
    }

    .post,.search .page {
    text-align: justify;
    overflow: hidden;
    margin: 0 13px 0 0;
    padding: 12px 7px;
    }

    .singlepage .post,.singlepage .page {
    float: none;
    padding: 0 20px 12px 12px;
    }

    .entry p {
    margin: 10px 0;
    }

    hr {
    display: block;
    clear: both;
    visibility: hidden;
    }

    .clear {
    clear: both;
    }

    #footer {
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
    margin: 20px auto;
    }

    h1 {
    margin: 0;
    }

    .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6 {
    margin: 20px 0;
    }

    #title_box {
    margin-left: 7px;
    position: relative;
    float: left;
    padding: 10px 25px 5px;
    }

    .corner_bl,.corner_br,.corner_tr,.corner_tl {
    position: absolute;
    }

    .corner_bl {
    background: url(‘images/kreis.png’) 0 10px;
    left: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    }

    .corner_br {
    background: url(‘images/kreis.png’) 10px 10px;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    }

    .corner_tr {
    background: url(‘images/kreis_voll.png’) 0 0;
    right: -7px;
    width: 7px;
    height: 7px;
    top: 0;
    }

    .corner_tl {
    background: url(‘images/kreis_voll.png’) 7px 0;
    left: -7px;
    width: 7px;
    height: 7px;
    top: 0;
    }

    h3#comments {
    margin: 40px auto 10px;
    }

    h3#trackback {
    margin: 40px auto 10px;
    }

    #footer h2 {
    background: url(‘images/floral_kl.png’) center bottom no-repeat;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
    }

    a img,.entry img {
    border: 1px solid #ccc;
    max-width: 100%;
    width: auto;
    height: auto;
    padding: 2px;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }

    .mainpage .alignnone img {
    max-width: 360px;
    height: auto;
    }

    .centered {
    text-align: center;
    margin: 0 auto;
    }

    img.centered,img.alignright,img.alignleft {
    border: 1px solid #ccc;
    padding: 2px;
    }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    display: inline;
    margin: 2px 0 2px 10px;
    }

    img.alignleft {
    display: inline;
    margin: 2px 10px 2px 0;
    }

    #three_column img.centered {
    max-width: 380px;
    }

    #three_column img.alignright,#three_column img.left {
    height: auto;
    }

    .children {
    margin-top: 0;
    padding-top: 0;
    }

    .children li {
    border: none;
    }

    .entry ul,.entry ol {
    margin-left: 5px;
    padding: 0 0 0 15px;
    }

    .entry ol ol li {
    list-style: lower-latin;
    }

    .entry ol ol ol li {
    list-style: lower-roman;
    }

    #navigation {
    background: url(‘images/background.png’);
    height: 25px;
    border-bottom: 1px solid #ddd;
    padding: 3px 0 0 10px;
    }

    #navigation ul.menu {
    width: 970px;
    margin: 0 auto;
    }

    #navigation ul li {
    background: #fff url(‘images/top_gradient.png’) 0 0 repeat-x;
    position: relative;
    float: left;
    list-style: none;
    border: 1px solid #ccc;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 11px;
    border-width: 1px 1px 0;
    margin: 2px 1px 0;
    padding: 0;
    }

    #navigation .children li,#navigation .sub-menu li {
    border: 1px solid #ccc;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-width: 1px;
    margin: 0;
    }

    #navigation a {
    display: block;
    border: none;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 10px;
    }

    #navigation ul ul {
    display: none;
    position: absolute;
    top: 22px;
    left: 0;
    float: left;
    z-index: 99999;
    }

    #navigation ul ul li {
    min-width: 60px;
    }

    #navigation ul ul ul {
    top: 4px;
    left: 100%;
    }

    #navigation ul ul a {
    min-width: 150px;
    word-wrap: break-word;
    }

    #navigation ul li:hover > ul {
    display: block;
    }

    #navigation li:hover > a,#navigation ul ul :hover > a,#navigation ul li.current_page_item > a,#navigation ul li.current-menu-ancestor > a,#navigation ul li.current-menu-item > a,#navigation ul li.current-menu-parent > a {
    color: blue;
    }

    .postmetadata ul,.postmetadata li {
    display: inline;
    list-style: none;
    }

    #sidebar ul,#sidebar ul ol {
    margin: 0;
    padding: 0;
    }

    #sidebar ul li {
    list-style: none;
    margin-bottom: 15px;
    }

    #sidebar #credits li {
    margin-bottom: 0;
    }

    #sidebar ul p,#sidebar ul select,#footer p,#footer select {
    margin: 5px 0 8px;
    }

    #sidebar ul ul,#sidebar ul ol {
    margin: 5px 0 0 10px;
    }

    #sidebar ul ul ul,#sidebar ul ol,#footer ul ul {
    margin: 0 0 0 10px;
    }

    ol li,#sidebar ul ol li,#footer ol li {
    list-style: decimal outside;
    }

    #sidebar ul ul li,#sidebar ul ol li,#footer ul li,#footer ol li {
    margin: 3px 0 0;
    padding: 0;
    }

    #footer ul,#footer ol {
    padding-top: 10px;
    margin-bottom: 20px;
    }

    #footer ul li {
    list-style: none;
    }

    #footer .widget ul {
    text-align: left;
    }

    #commentform {
    margin: 5px 10px 0 0;
    }

    #commentform input {
    width: 200px;
    margin: 5px 5px 1px 0;
    padding: 2px;
    }

    #commentform input[type=text] {
    display: block;
    margin-bottom: 10px;
    }

    #commentform .required {
    color: #f00;
    margin: 0 5px;
    }

    #commentform .comment-notes .required {
    margin: 0;
    }

    #commentform #author,#commentform #email,#commentform #url,#commentform textarea {
    border: 1px solid #ddd;
    }

    #commentform #author:focus,#commentform #email:focus,#commentform #url:focus,#commentform textarea:focus {
    border-color: #999;
    }

    #commentform textarea {
    width: 80%;
    margin-top: 10px;
    padding: 2px;
    }

    #commentform #submit {
    width: auto;
    }

    #content_container .search {
    background: url(‘images/search.png’) no-repeat;
    border: 1px dotted #ccc;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    width: 120px;
    }

    #content_container .center .search {
    margin-top: 20px;
    }

    .entry form {
    text-align: center;
    }

    .entry form.contact-form {
    text-align: left;
    }

    #footer .search {
    background: url(‘images/search.png’) no-repeat;
    padding-left: 20px;
    height: 20px;
    width: 160px;
    margin: 10px 0;
    }

    #respond {
    margin-top: 30px;
    }

    select {
    width: 130px;
    }

    .alt {
    margin: 0;
    padding: 10px;
    }

    .pingback.alt {
    padding: 10px 0;
    }

    .comment_body {
    position: relative;
    padding: 0 10px 5px;
    }

    #commentform p {
    margin: 5px 0;
    }

    #commentform .comment-form-comment label {
    display: none;
    }

    #commentform .form-allowed-tags {
    display: none;
    }

    .commentlist {
    text-align: justify;
    width: 80%;
    padding: 0;
    }

    .commentlist li {
    list-style: none;
    margin: 10px 0 0 20px;
    padding: 10px 5px 0 0;
    }

    .comment,.pingback {
    list-style: none;
    }

    .comment_body p {
    margin-right: 37px;
    line-height: 1.6em;
    }

    .comment_body p + p {
    margin-top: 10px;
    }

    .commentlist li ul li {
    margin: 0 -20px 0 20px;
    }

    .comment.bypostauthor .commentbox {
    background-color: aqua;
    }

    .comment.bypostauthor .commentmetadata {
    background: transparent;
    }

    #cancel-comment-reply-link {
    color: #999;
    font-size: 12px;
    margin-left: 10px;
    text-transform: lowercase;
    }

    #cancel-comment-reply-link:hover,#cancel-comment-reply-link:focus {
    text-decoration: underline;
    }

    #sidebar {
    padding-top: 16px;
    float: right;
    }

    #sidebar form {
    margin: 0;
    }

    .cell-1,.cell-2,.cell-3 {
    float: left;
    padding: 20px;
    }

    #footer .divider {
    border-top: 1px solid #ddd;
    width: 50%;
    margin: 0 auto;
    }

    #footer .line {
    border-top: 1px solid #ccc;
    margin-top: -8px;
    }

    #footer .widget {
    text-align: center;
    position: relative;
    }

    #footer .widget_tag_cloud .line,#footer .wp_widget_tag_cloud .line {
    margin-bottom: 10px;
    }

    #footer .widget_tag_cloud {
    margin-bottom: 15px;
    }

    #externalFooterLinks {
    clear: both;
    }

    #wp-calendar {
    empty-cells: show;
    width: 155px;
    margin: 10px auto 0;
    }

    #wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
    }

    #wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
    }

    #wp-calendar td {
    text-align: center;
    padding: 3px 0;
    }

    #wp-calendar td.pad:hover,#wp-calendar td.pad:focus {
    background-color: #fff;
    }

    .navigation_box {
    clear: both;
    }

    .navigation {
    font-size: 1em;
    padding-top: 5px;
    text-align: center;
    margin: 10px auto 0;
    }

    acronym,abbr,span.caps {
    cursor: help;
    }

    acronym,abbr {
    border-bottom: 1px dashed #999;
    }

    blockquote {
    min-height: 30px;
    background: url(‘images/quote.png’) no-repeat;
    padding-left: 40px;
    margin: 15px 30px 0 10px;
    }

    blockquote cite {
    display: block;
    margin: 5px 0 0;
    }

    .center {
    text-align: center;
    }

    .gallery {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    }

    .gallery-caption {
    margin-left: 0;
    }

    .gallery-item {
    float: left;
    text-align: center;
    margin: 10px 0 0 20px;
    }

    .hidden {
    display: none;
    }

    .ornament {
    background: url(‘images/background.png’);
    height: 10px;
    }

    #content .ornament {
    margin-top: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    }

    .more-link {
    display: block;
    float: right;
    font-style: italic;
    text-align: right;
    margin: 20px 0;
    padding: 0 5px;
    }

    .screen-reader-text {
    position: absolute;
    left: -1000em;
    }

    .widget_tag_cloud a {
    font-family: john-doe-1, john-doe-2;
    letter-spacing: -1px;
    font-style: italic;
    text-transform: lowercase;
    }

    .aligncenter,div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    .wp-caption.alignleft {
    margin: 0 10px 5px 0;
    }

    .wp-caption.alignright {
    margin: 0 0 5px 10px;
    }

    .wp-caption-text {
    padding-top: 10px;
    text-align: center;
    margin: 10px;
    }

    .wp-caption a {
    border: none;
    margin: 0;
    }

    .wp-caption img {
    border: 1px solid #ccc;
    padding: 2px;
    }

    .wp-caption p.wp-caption-text {
    line-height: 17px;
    margin: 0;
    }

    .home .gallery br {
    float: left;
    clear: none;
    }

    .home object,.home embed {
    max-width: 100%;
    }”

    #2438645

    justjennifer
    Moderator

    And here’s the thing about the Premium bundle plan.

    Up until this past week, users whose accounts were older than September 1st last year (which yours is) were able to purchase individual upgrades (like No Ads, or Custom Design) rather than needing to buy the entire Premium Bundle. Now, however, it seems that is only true if you had a previous upgrade of any kind. If you didn’t buy any upgrade within the last year, you’ll have to buy the Premium bundle just to get the Custom Design upgrade.

    If you did have some kind of upgrade on your site, like No Ads, see if you can purchase the Custom Design upgrade by itself in your site’s Dashboard>Store>Store at http://ingridribelli.wordpress.com/wp-admin/paid-upgrades.php

    If that link reroutes to the 3 level plans (Free, Premium and Business), you won’t be able to buy the individual upgrade on its own. Sorry for no better news.

    #2438646

    justjennifer
    Moderator

    @ellaingrid – You’ll want to read my two answers to you here and here

    #2438738

    justjennifer
    Moderator

    Also, see this comment thread about personal Typekit accounts in the News announcement on the new free Google Fonts: https://en.blog.wordpress.com/2015/07/31/free-google-fonts/#comment-222796

    #2438739

    Oh, thank you! But too bad. I missed this completely. Now, it will be $99/year??? That´s very much for two fonts and a private blog. Really don´t know how to solve this. I missed the Custom Design upgrade for my account. :(

    #2438740

    justjennifer
    Moderator

    While I still hope they will bring back the previous grandfathered Typekit accounts if you didn't see the announcement about the addition of free Google fonts (no upgrade needed) hopefully you'll find something that you like there.

    #2438744

    justjennifer
    Moderator

    @ellaingrid-I’ve just gotten a reply to my comment on the News blog about the loss of the grandfathered Typekit accounts and WordPress.com is working on fixing it.

    /fingers crossed!

    #2438753

    @justjennifer I really hope they do! I can´t stay the way it looks now – it´s like a mess and I am an artist. Please tell me if you hear anything!

    #2438754

    @justjennifer could you give me the link where I can follow your conversation with wordpress.com?

    #2438755

    justjennifer
    Moderator

    Yes, of course. It is in the comments of the WPcom News announcement on the addition of free Google fonts.

    Here’s the News announcement: https://en.blog.wordpress.com/2015/07/31/free-google-fonts/

    Here’s my comment thread with Payton Swick:
    https://en.blog.wordpress.com/2015/07/31/free-google-fonts/#comment-222876

    I’ll also keep an eye on my very first site on WPcom which was also using a grandfathered Typekit ID to see if and when the changes happen there.

    #2438756

    @justjennifer maybe I just don´t quite understand what Payton Swick is saying, but can´t see anything that indicates that WPcom will bring back the Typekit as it used to be? I found an e-mail offer to pay $30, but unfortunately that mail didn´t reach me in time.

    #2438757

    justjennifer
    Moderator

    If your site had a custom Typekit kit ID saved, this feature shouldn’t have removed it.

    Ah hah! We’ve tracked down the issue and we’re working on getting it all fixed up. Sorry about that. Thanks for the report!

    How did you understand his replies then? Perhaps I misread or misunderstood them.

    #2438758

    Hope so!

    Maybe @paytonswick are able to fix this for me too? I mailed them today and asked for it. Please!!!

    #2438759

    justjennifer
    Moderator

    Since you say you’ve emailed them ( I suppose you mean Support) I will remove the tag for Staff assistance that I added.

    Let’s keep each other updated, shall we?

    #2438760

    @justjennifer of corse

    #2438762

    justjennifer
    Moderator

    @ellaingrid-I am happy to report that as of this morning (my time) my Typekit font showed up.

    #2438775

    @justjennifer now WPcom gave me the opportunity to pay for “custom design” (make a renewal of the upgrade for the typekit fonts) but still it doesn´t work! Frustrated…

The topic ‘Typekit doesn´t work’ is closed to new replies.