GithubHelp home page GithubHelp logo

Comments (11)

zertrin avatar zertrin commented on August 15, 2024

I'd like to add that this misbehavior is also observed in the content of the articles too:

Capture

from selfoss.

SSilence avatar SSilence commented on August 15, 2024

Which browser do you use? In chrome I don't have the issue with the font.

Does the problem with the ’ only occur in tumblr? It seems they send it with escaped & (’).

Regards
Tobi

from selfoss.

zertrin avatar zertrin commented on August 15, 2024

I'm using Opera 12.14 (latest version).

You're right, the ' problem occurs only with tumblr feeds. However I just noticed that it doesn't happen for each and every '

from selfoss.

xavez avatar xavez commented on August 15, 2024

Is it a good idea to have a custom font for the content anyway? Wouldn’t it be a better idea to use either Georgia or Helvetica for a feed reader? They contain all the necessary characters, look great on any screen and don’t interfere with the reading experience.

In most cases I would be inclined to say that using a custom font is a great idea, but in a web RSS reader I would really try to keep the typography as “native” as possible.

I did some tweaks to the CSS on my installation and I much prefer this reading experience:

Schermafbeelding 2013-03-21 om 10 52 16

from selfoss.

zertrin avatar zertrin commented on August 15, 2024

I agree with @xavez, especially when the "new" Web font techniques seem not yet perfectly integrated in every common browser.

At least, I'd like to see what you did tweak to get to your reading experience.

from selfoss.

xavez avatar xavez commented on August 15, 2024

@zertrin not a whole lot, but it does the trick for me:

  • Removed the 3-columns layout, because reading in columns on a screen is annoying: scrolling up and down to read columns of text is definitely no typography best practice (and the web is not a print magazine :))
  • Removed the striped background pattern (noisy)
  • Changed the font-face to Georgia (personal preference, Helvetica would do great as well)
  • Changed the text color to a light shade of black for easy-on-the-eyes contrast (#404040)
  • Changed the font-size to be big enough (125%)
  • Added a max-width to the .entry-content so it is a pleasurable reding length (38em)

I think the interface can use some love in general but hey, let’s start with the basics :)

from selfoss.

SSilence avatar SSilence commented on August 15, 2024

Does the problem still exists with the current master version? The fonts was updated in one of the last commits.

from selfoss.

zertrin avatar zertrin commented on August 15, 2024

I just checked out the latest github version :

commit 4c2ee6728d55c286bea3786c6786c3b9d72de03d
Author: Tobias Zeising <tobi....de>
Date:   Fri Mar 29 13:32:05 2013 +0100

The problem changed somewhat but is still not really solved... see screenshot below :

11fezqgregre

EDIT: Still using latest version of "stable" Opera (12.14). Note that this does not occur in Google Chrome...

from selfoss.

SSilence avatar SSilence commented on August 15, 2024

I will add a new option for using the system sans font.

from selfoss.

armandabric avatar armandabric commented on August 15, 2024

I agree with the @xavez suggestions. This enchantment can increase a lot the UI and the readability of the content.

from selfoss.

SSilence avatar SSilence commented on August 15, 2024

I have added a new parameter use_system_font. Setting this to 1 will remove the fonts.css and your default font (Arial) will be used.

from selfoss.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.